Html CSS:IE8中的边界
我有一个html对话框:Html CSS:IE8中的边界,html,css,internet-explorer-8,border,Html,Css,Internet Explorer 8,Border,我有一个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">
<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>
问题是,在IE8中,在这个对话框的左上角,我得到了一些正方形,若我从对话框示例中删除边框,它就会消失
问题样本
在IE7和IE9中,我并没有得到这个特性
我发现了这篇关于IE borders问题的帖子。由于我的对话框是绝对位置的,这是为了在滚动时不移动对话框,我添加了这个对话框的包装。所以我设置了对话框相对位置和包装器绝对位置。但这也没有帮助。获取此结果:clip2net.com/s/i6lcKz您是否验证了html?我在这里只看到一个div close标签。拥有有效的html是第一步。@Ethan close标记添加的只是它不可见。不知道为什么。。。但现在好了,你检查过了吗?@AymanSafadi你是说现有的html吗?是的,我查过了。
#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;
}