我一直在研究圆角的div。我已经在除了IE之外的所有内容中正确显示它(用7测试)。在每个其他浏览器中,div的宽度仅适合内部元素,正如预期的那样。但是,在IE中,div的宽度是页面的100%。我搜索了一下,但只能找到有关高度IE问题的信息。任何帮助表示赞赏。
div#credentials
{
position: absolute;
right: 10px;
top: 10px;
background-color: #494949;
}
div#tl
{
float: left;
background: url('../img/tl.png');
background-repeat: no-repeat;
cursor: default;
}
div#tr
{
float: right;
background: url('../img/tr.png');
background-repeat: no-repeat;
cursor: default;
}
div#bl
{
float: left;
background: url('../img/bl.png');
background-repeat: no-repeat;
cursor: default;
}
div#br
{
float: right;
background: url('../img/br.png');
background-repeat: no-repeat;
cursor: default;
}
#credsfooter
{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 6px;
}
<div id="credentials">
<div id="tl"> </div><div id="tr"> </div>
<input type="text" id="username" value="USERNAME" />
<input type="password" id="password" value="PASSWORD" />
<button type="submit" id="login"><img src="./img/login.png" alt="Submit" /></button>
<div id="credsfooter"><div id="bl"> </div><div id="br"> </div></div>
</div>
答案 0 :(得分:1)
我最终将2个顶角div放在一个容器div中,这让IE很开心。