Home  >  Article  >  Web Front-end  >  After using the Jquery Corner fillet plug-in, the CSS border display effect under IE is invalid, and FF is normal_html/css_WEB-ITnose

After using the Jquery Corner fillet plug-in, the CSS border display effect under IE is invalid, and FF is normal_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:11:41883browse

After using the Jquery Corner plug-in, the CSS border display effect under IE is invalid, and FF is normal

cdbb201b3b623a16b61eca8f92964e2b
                                          ;
                                                                                         t;
                                                                                 
                                                                                  ;
               54bdf357c58b8a65c66d7c19c8e4d114
16b28748ea4df4d9c2150843fecfba68

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



Reply to the discussion (solution)

Is the poster using IE6? It may be a problem with a lower version and more vulnerabilities. There should be no problem with ie7

This is the case for IE6 IE7 and IE8.

css

Use


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;}
The original poster looked at this rounded corner

border is also missing. I don’t know what’s going on. .
<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>
JQ’s plug-in cannot be used?

The original poster. Is your problem solved? I'm also encountering this situation now, what a fool. I don’t even know what’s going on


Let’s take a look at the problem

I have the same problem. It works fine in FF, but even the border cannot be displayed in the IE-based browser. Very depressing!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn