首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

使用Jquery Corner圆角插件后,CSS border IE下显示效果无效了,FF正常解决思路

2012-05-28 
使用Jquery Corner圆角插件后,CSS border IE下显示效果无效了,FF正常使用Jquery Corner圆角插件后,CSS bor

使用Jquery Corner圆角插件后,CSS border IE下显示效果无效了,FF正常
使用Jquery Corner圆角插件后,CSS border IE下显示效果无效了,FF正常

<div class="Menubox">
  <span class="Titlebar">
  <img src="Images/UserIcon.gif"/> 用户信息
  </span>
  <span class="Contbox">
  <ul>
  <li onclick="UserInfo()"> 用户信息</li>
  <li onclick="EditPassword()"> 修改密码</li>
  </ul>
  </span>
</div>

.Menubox{ width:95%; border:#000000 solid 3px; background:#000000; margin:10px auto; overflow:hidden}
.Titlebar{ width:100%; height:24px; line-height:24px; color:#FFFFFF;font-size:12px; font-weight:bold; display:block;text-indent: 4px;}
.Titlebar img{ margin:2px 5px 2px 5px; display:block; float:left}
.Contbox{ width:100%; background-color:#FFFFFF;font-size:12px; display:block}
.Contbox ul{ list-style-type:none; padding:0; margin:0 auto}
.Contbox ul li{
cursor:pointer;
width:100%;
height:24px;
border-bottom:#666666 solid 1px;
line-height:24px;
text-indent: 4px;
}

[解决办法]
css

XML code
b.rtop, b.rbot {    display:block;    background-color:#EEE;}b.rtop b, b.rbot b {    overflow:hidden;    height:1px;    display:block;    background-color:#FFF;}b.r1 {    margin:0px 5px;}b.r2 {    margin:0px 3px;}b.r3 {    margin:0px 2px;}b.rtop b.r4, b.rbottom b.r4 {    margin: 0px 1px;    height: 2px;} 

热点排行