Question

我已经使用px删除了所有内嵌和统一的所有宽度和高度，但它仍未在IE上正确显示。

   .textbox {
    background-color:rgba(0, 0, 0, 0.5);
    width:172px; 
    height:220px; 
    border:solid; 
    border-width:1px; 
    border-color:#CCC;

    .gap    {
    padding:5px;
    }

    .text {
    color:#FFF;
    margin-top:20px;
    margin-left:45px;
    margin-bottom:0px;
    font-weight:bold;
    font-size:40px;
}

<td class="tdstyle2">
                    <div class="textbox">
                        <img alt="2nd Day Of Christmas" src="/netalogue/2nd-day-christmas-blurry.jpg">
                        <div class="gap">
                            <p class="text">2nd</p>
                        </div>
                    </div>
                </td>

请注意，由于网络平台更改了网址https://jsfiddle.net/5s8f01r5/1/

，您将无法看到图片

Answer 1

您可以使用以下内容清除代码：

.textbox {
background-color:rgba(0, 0, 0, 0.5);
width:172px; 
height:220px; 
border:solid; 
border-width:1px; 
border-color:#CCC;
}

.text {
color:#FFF;
margin-top:20px;
margin-left:45px;
margin-bottom:0px;
font-weight:bold;
font-size:40px;
}
.general {
height: 222px;
width: 182px;
}
.padding-div {
padding: 5px;
}
.size-img{
width:172px;
height: 126px;
}

<div class="general">
     <div class="textbox">
          <img alt="2nd Day Of Christmas" src="/netalogue/2nd-day-christmas-blurry.jpg" class="size-img">
               <div class="padding-div"><p class="text">2nd</p></div>
     </div>
</div>

我的页面在IE上没有正确显示？

1 个答案: