none
嵌套div ,chrome 与 ie8 下不兼容 RRS feed

  • 问题

  • 问题现象:在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"/>&nbsp;电子商务</td> <td><input type="checkbox"/>&nbsp;模板更新</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 :
    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; }

    2012年3月13日 9:04

答案

  • 我去。。。 原来和我注释的这句

     /*behavior: url(border-radius.htc);*/

    有关, 我在自己这边调试的时候是放开它的,

    唉。。。

    引入border-radius.htc 后,会发生兼容问题?不解啊。。。

    2012年3月14日 1:50

全部回复

  • 没有人吗?

    还是我的描述不够准确?

    想要的效果:让ie8下的效果和chrome下的效果一样,蓝色背景块呈现在黄色背景块上方,

    2012年3月14日 1:25
  • 我去。。。 原来和我注释的这句

     /*behavior: url(border-radius.htc);*/

    有关, 我在自己这边调试的时候是放开它的,

    唉。。。

    引入border-radius.htc 后,会发生兼容问题?不解啊。。。

    2012年3月14日 1:50