Home >Web Front-end >HTML Tutorial >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 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 ie7css
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
<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?
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!