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
Release: 2016-06-24 12:11:41
Original
910 people have browsed it

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



.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;}
Copy after login
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>
Copy after login
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!

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template