当前位置:  开发笔记 > 前端 > 正文

造型横向规则

如何解决《造型横向规则》经验,为你挑选了1个好方法。

是否有一种更好的方式


使用CSS 设置标签样式,这是跨浏览器一致的,并不涉及包围div它?我很难找到一个.

我找到的最好方法如下:

CSS

.hr {  
    height:20px;  
    background: #fff url(nice-image.gif) no-repeat scroll center;  
}  
hr {  
    display:none;  
}

HTML


Borgar.. 7

这样做的经典方法是在


周围创建一个包装器并设置样式.但我已经提出了一个CSS技巧,用于替换元素而不需要额外的标记:

对于非MSIE浏览器:

hr {
   border : 0;
   height : 15px;
   background : url(hr.gif) 0 0 no-repeat;
   margin : 1em 0;
 }

另外对于MSIE:

hr {
   display : list-item;
   list-style : url(hr.gif) inside;
   filter : alpha(opacity=0);
   width : 0;
}

请参阅我的博客上的条目以获取更多信息以及操作技巧的示例.



1> Borgar..:

这样做的经典方法是在


周围创建一个包装器并设置样式.但我已经提出了一个CSS技巧,用于替换元素而不需要额外的标记:

对于非MSIE浏览器:

hr {
   border : 0;
   height : 15px;
   background : url(hr.gif) 0 0 no-repeat;
   margin : 1em 0;
 }

另外对于MSIE:

hr {
   display : list-item;
   list-style : url(hr.gif) inside;
   filter : alpha(opacity=0);
   width : 0;
}

请参阅我的博客上的条目以获取更多信息以及操作技巧的示例.

推荐阅读
殉情放开那只小兔子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有