为什么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