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

 > 

  • 问题

  • Question
    登录进行投票
    0
    登录进行投票

    问题现象：在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
    |

答案

  • Question
    登录进行投票
    0
    登录进行投票

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

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

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

    唉。。。

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

    2012年3月14日 1:50
    |

全部回复

  • Question
    登录进行投票
    0
    登录进行投票

    没有人吗？

    还是我的描述不够准确？

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

    2012年3月14日 1:25
    |
  • Question
    登录进行投票
    0
    登录进行投票

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

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

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

    唉。。。

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

    2012年3月14日 1:50
    |