积极答复者
嵌套div ,chrome 与 ie8 下不兼容

问题
-
问题现象:在ie下 .theBorder 的背景色(蓝色)被 .right01 的背景色(黄色)挡住了,
以下是代码
HTML :- HTML code
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="test.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="right " id="li011" > <div class="right01" > <div class="theBorder"> <table cellpadding="0" cellspacing="0" id="ee" class="package_Uptable" > <tr > <td width="16%" class="fir_radius">套餐ID</td> <td colspan="3"></td> </tr> <tr> <td class="sph">套餐名</td> <td colspan="3"></td> </tr> <tr> <td class="sph">套餐标志</td> <td colspan="3" ></td> </tr> <tr> <td class="sph">企业账号数</td> <td colspan="3"></td> </tr> <tr> <td rowspan="2" width="12%" class="sph">功能</td> <td width="29%"></td> <td width="29%"></td> <td width="29%"></td> </tr> <tr> <td><input type="checkbox"/> 电子商务</td> <td><input type="checkbox"/> 模板更新</td> <td></td> </tr> <tr> <td class="sph">套餐设定日</td> <td colspan="3"></td> </tr> <tr> <td class="last_radius">备注</td> <td colspan="3"></td> </tr> </table> </div> </div> </div> </body> </html>
- CSS code
-
body{ background-color:lightblue; } .right{ width:70%; margin:5%; border:1px solid #b4b4b4; position:relative; background-color:#ddd; } .right01{ border:1px solid black; margin:10px; background-color:yellow; } .theBorder{ width:80%; margin:20px; border:2px solid red; background:blue; height:300px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius:10px; border-radius: 8px; /*behavior: url(border-radius.htc);*/ } .package_Uptable td{ border:1px solid #ccc; padding:5px; }
答案
-
我去。。。 原来和我注释的这句
/*behavior: url(border-radius.htc);*/
有关, 我在自己这边调试的时候是放开它的,
唉。。。
引入border-radius.htc 后,会发生兼容问题?不解啊。。。
- 已标记为答案 LeoTangModerator 2012年3月30日 4:01