Html IE 10-尽管父位置:相对,但仍向下推div
我与IE 10存在浏览器兼容性问题。为了补偿在早期版本的ie中导致该div下降的负顶部边距,我定位了父div relative,但该修复在ie10中似乎不起作用。这是我的密码:Html IE 10-尽管父位置:相对,但仍向下推div,html,css,cross-browser,position,internet-explorer-10,Html,Css,Cross Browser,Position,Internet Explorer 10,我与IE 10存在浏览器兼容性问题。为了补偿在早期版本的ie中导致该div下降的负顶部边距,我定位了父div relative,但该修复在ie10中似乎不起作用。这是我的密码: <div class="hidden-panel"> <div class="gradient-wrap"> <div class="calls"> <table> <tr> <td>
<div class="hidden-panel">
<div class="gradient-wrap">
<div class="calls">
<table>
<tr>
<td>
<a href="/"><img src="bully-call1.png"></a>
</td>
<td>
<a href="/"><img src="bully-call2.png"></a>
</td>
<td>
<a href="/"><img src="bully-call3.png"></a>
</td>
</tr>
</table>
</div>
<div class="blue-window">
<img src="take-pledge.png">
</div>
</div>
</div>
这里是网站:我现在不能100%确定原因,但看起来内容在IE10中被向下推,因为没有足够的空间容纳它,而左边的填充也没有
如果将
上的左填充
更改为22px
。渐变换行
将按预期工作(填充稍微少一点) 你的链接不起作用:-)谢谢Tanner!完全是新手错误。另外,你网站的横幅在ff 19.0.2中的位置不正确
.gradient-wrap{
padding-top: 80px;
padding-left: 25px;
padding-bottom: 100px;
background: url(gradientbg.png) repeat-x;
margin-top: -100px;
position: relative;
}
.calls{
width: 60%;
}
.hidden-panel{
background-image: url(hidden-panel.png);
background-position: center top;
background-repeat: no-repeat;
}
.blue-window{
background-color: $theme_color_6;
padding: 45px 180px 45px 0px;
width: 180px;
margin: 100px auto 30px;
}