|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
网页制造poluoluo文章简介:原本想用border来摹拟计划图的虚线效果,可是很分明border效果不如计划图来的悦目。特地研讨了下dashed和dotted的区分。
比来的一个页面中碰着的,原本想用border来摹拟计划图的虚线效果,可是很分明border效果不如计划图来的悦目。特地研讨了下dashed和dotted的区分。
起首,从字面下去了解,dashed和dotted都是指“虚线”,他们的分歧在于:
dashed:来自dash(破折号),由dash构成的虚线
dotted:来自dot(点),由dot构成的虚线,也称点线
这里多说几句空话,实在参看下demo,就可以从视觉上取得更直不雅的感觉了。
上面再说说相干的bug吧,固然了,这些bug再一次只是光彩地呈现在了IE下,此处触及到IE6和IE7。
Bug1:在IE6下,1px宽的dotted体现的和dashed一样。当宽度年夜于1px时,体现一般。
Bug2:在IE7下,当4条边的宽度是1px和别的恣意数值共存时,1px的dotted体现的和dashed一样。4条边的宽度全为1px,大概为别的不是1px的分歧值时不会呈现这个bug。
Bug3:别的,IE6下,1px的dotted大概1px的dashed边框,在拖动页面时,偶然候边框会连成实线,偶然候会呈现缺口。
要办理这些bug,要末间接就不必dotted而间接用dashed;要末用图片取代;要末用分外标签和代码来办理。
鉴于只要在边框宽度为1px时才会呈现这些bug,能够设置外包抄标签的边框宽度为2px,经由过程增添一个内标签,设置其为1px的内容背景致边框,再经由过程设置margin-top/right/bottom/left:-1px;来盖失落外包抄标签的1px边框,从视觉上完成一般效果。很拢芴盅幔芪弈巍
.b6{
border:2pxdotted#000;
padding-top:0;
}
.b6.inner{
border:1pxsolid#9c9c9c;
width:100%;
height:100%;
margin:-1px;
position:relative;
z-index:100;
}
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 |
|