论坛首页 Web前端技术论坛

CSS实例(六):实现网页固定大小三态图形按钮简单方法

浏览 11465 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (17) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-09-28  
支持楼主,je就需要这样的人,这样的帖。
0 请登录后投票
   发表时间:2010-09-30   最后修改:2010-09-30
1.使用简写。例:
bib,.sib,.lib,.lsib{ 
    border-width:0; 
    vertical-align:middle; 
    background-color:transparent; 
    margin:0; 
    overflow:visible; 
    background-repeat:no-repeat; 
    background-image:url(buttons.gif) ;  
}  =>
.bib,.sib,.lib,.lsib{
    overflow:visible;
    margin:0; 
    background: url(buttons.gif) no-repeat 0 0;
    border: 0 none;
    vertical-align:middle;
}
2.兼容性,ie6(看下hover的兼容)。现在在国内,ie6还占据着浏览器的半边天,应尽可能的多注意下。
3.可维护性。图标的需求也会改变的,会有小的调整,看下实例中的图片,若是其中某个图标需要增大一两个像素,恐怕就需要重新切图合图,还得修改css,增加很多无谓的工作量。因此建议两个图标之间留一定的缝隙。
4.按钮可以尝试用下button标签

ps:lz做的很棒了 ,加油……
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics