2.html代码:
以下为引用的内容: <div style=”background-color:#dceaff;border:1px solid #70a0eb; position:relative; width:500px;height:300px;”> |
3.css代码:
以下为引用的内容: .LT,.RT,.LB,.RB{
position:absolute;
width:11px;
height:11px;
background:url(corner.gif) no-repeat;
font-size:0;
}
.LT{
top:-1px;
left:-1px;
}
.RT{
top:-1px;
right:-1px;
background-position:-11px 0;
}
.LB{
bottom:-1px;
left:-1px;
background-position:0 -11px;
}
.RB{
bottom:-1px;
right:-1px;
background-position:-11px -11px;
}
4.碰到的问题:
·当圆角的尺寸较小时,.LT等设的高度会失效,会被ie默认的字体大小撑开,加了font-size:0;解决了问题
·最外层的div,宽度必须是固定的值,不设的情况下,如果里面有左或右浮动的标签,圆角的位置就会乱掉,不知道有没有别的解决办法
广州市越秀区沿江中路313号康富来国际大厦1203-1205室
深圳市福田区深南大道6007号安徽大厦创展中心18楼14-17室
上海市长宁区延安西路895号申亚金融广场18楼D2-10
佛山市禅城区季华五路万科金融中心3313室
Copyright © 2003-
互诺科技, All Rights Reserved
粤公网安备 44010402000282号 粤ICP备09019378号-1