html – 删除IE上的边框样式

发布时间：2020-12-14 21:36:33 所属栏目：资源来源：网络整理

导读：为什么IE是最简单的事情呢？无论如何，我想用一个单一的图像替换一个正常的小时线，有点像 – § – 符号(在它的一边)。试图让它看起来优雅:) 在IE中实际摆脱边框的唯一办法就是设置颜色：css值。这样做会覆盖任何设置为背景图像的不幸，并使整个小时的颜色

为什么IE是最简单的事情呢？无论如何，我想用一个单一的图像替换一个正常的小时线，有点像 – § – 符号(在它的一边)。试图让它看起来优雅:)

在IE中实际摆脱边框的唯一办法就是设置颜色：css值。这样做会覆盖任何设置为背景图像的不幸，并使整个小时的颜色参数。

不可能将它包装在div中，甚至真的应用一个类，因为将使用该站点的客户端正在使用wysiwyg文本编辑器，我不太喜欢黑客插入div包装的小时。

我只是一步一步的添加一个div块包装与jquery，但这似乎根本错了(猎枪vs核桃) – 任何建议？

解决方法

http://blog.neatlysliced.com/2008/03/hr-image-replacement/

<style type="text/css">
    hr {
       background: url(http://placekitten.com/800/100) no-repeat;
       border: 0;
       height: 100px;
       width: 100%;
    }
</style>
<!--[if IE 7]>
<style type="text/css">
    hr {
        display : list-item;
        list-style : url(http://placekitten.com/800/100) inside;
        filter : alpha(opacity=0);
        margin-left: -10px;
        width : 0;
    }
</style>
<![endif]-->

看到它在这里工作：jsFiddle

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!