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

使用Jquery Corner圆角插件后，CSS border IE下显示效果无效了，FF正常_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 12:11:41

原创

1005人浏览过

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

用户信息

用户信息

修改密码

.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;
}

芦笋演示

一键出成片的录屏演示软件，专为制作产品演示、教学课程和使用教程而设计。

查看详情

回复讨论(解决方案)

楼主的是ie6吗？可能是版本比较低的问题，而且漏洞比较多，ie7应该就没有问题了

IE6 IE7 IE8 都是这样。

css

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;}

登录后复制

用

<div>    	<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b><b class="rbot"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>    </div>

登录后复制

楼主看看这个圆角

border也是不见了。不知什么回事哟。。
JQ的插件就不能用啦？

楼主。你的问题解决了？我现在也遇到这种情况，神马啊。都不知道是啥回事

看看问题

我也是啊遇到同样的问题在FF下正常在IE内核的浏览器下连边框都显示不了。很是郁闷啊！