> 웹 프론트엔드 > HTML 튜토리얼 > 使用Jquery Corner圆角插件后,CSS border IE下显示效果无效了,FF正常_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:11:41
원래의
936명이 탐색했습니다.

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


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

                
                

                        
  •  用户信息

  •                         
  •  修改密码

  •                     

                



.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内核的浏览器下连边框都显示不了。 很是郁闷啊!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿