Question

我与html对话：

<div id="sample">
<div class="sample-wraper">
    <a class="modal_close" href="#"></a>
    <form id="Form1" name="Form1" method="post">
      <table id="tt"> 
        <tr align="center">
          <td colspan="2" id="naam"><b>Cha test</b></td>
        </tr>
        <tr>
          <td colspan="2">
            <div id="boodschap" class="text" style="border-right: 1px solid; border-top: 1px solid; overflow: auto;
              border-left: 1px solid; width: 468px;  height: 182px; border-bottom: 1px solid; 
              background-color: white">njnknkkm</div>
          </td>
        </tr>
        <tr>
          <td colspan="2">        
              <textarea id="antwoord" name="antwoord" class="text" 
                style="width: 465px; height: 182px; border-width: 1px; border-style: solid; border-color: black;" 
                onkeydown="textCounter(antwoord,aantal,1000)" 
                onkeyup="textCounter(antwoord,aantal,1000)"></textarea>
          </td>
        </tr>
        <tr>
          <td class="text" align="left" width="210">
            Caráters permitidas
            <input readonly type="text" name="aantal" size="3" maxlength="4" value="1000" id="aantal"></td>
          <td align="right">
            <input id="Submit" name="Submit" type="button" value="Enviar" onclick="submitForm();"
              class="button" style="width: 130px">
          </td>
        </tr>
      </table>
      <input id="IdTo" name="IdTo" type="hidden">
    </form>
</div>

和css是这样的：

    #sample {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    border: 1px solid;
    display: none;
    padding: 15px 10px 10px;
    position:absolute !important;
}

.modal_close {
    background: url("Close-icon-download-182005456677-png/button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Close-icon-download-182005456677-png/button.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Close-icon-download-182005456677-png/button.png',sizingMethod='scale')";
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index: 2;
}

问题是在左上角的这个对话框的IE8中，我得到一些正方形，如果我从对话框中移除边框（#sample），它就会消失。

http://clip2net.com/s/i6klpi（问题样本）

在IE7和IE9中，我没有在角落里获得这个“功能”。

我发现这篇关于IE边界http://www.brasee.com/displayPost.htm?postId=64问题的帖子。由于我的对话框是绝对位置（这是为了滚动时不移动对话框），我添加了这个对话框的包装。所以我设置对话位置相对和包装器位置绝对。但这也没有帮助。得到以下结果：clip2net.com/s/i6lcKz

CSS：IE8中的边框

0 个答案: