After using the Jquery Corner plug-in, the CSS border display effect under IE is invalid, and FF is normal
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;}
<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>
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!