html - 负边距在 IE9 中不起作用

标签 html css internet-explorer margin

我讨厌成为那个问愚蠢问题的人,但我整个上午都在搜索,似乎无法解决这个问题。

我正在实现一个相当肮脏的 hack,使网站上的广告包装可点击。

这些框目前以红色和黄色突出显示,并且在 chrome 和 firefox 中按预期工作。

自然 IE 崩溃了,我不知道为什么。

html和css其实很简单。

CSS:

#box-link2 { 
    position: absolute; 
    top: 173px; 
    width: 210px; 
    height: 918px;
    margin-left: -700px;
    background-color: transparent; 
    border: 1px solid red;
}

HTML: <a id="box-link2" href="http://www.google.com" rel="nofollow" target="_new"></a>

它在 chrome 中完美定位,但在 IE 中不完美。

您可以在开发者网址上看到另外 2 个框:http://cb5tr [dot] tyrereviews [dot] co [dot] uk。

非常感谢任何帮助,对于这个愚蠢的问题,我再次感到抱歉

最佳答案

当您可以使用 left 时,为什么要对绝对定位的元素使用 margin-left

#box-link2 { 
    position: absolute; 
    top: 173px; 
    width: 210px; 
    height: 918px;
    left: -700px;
    background-color: transparent; 
    border: 1px solid red;
}

此外,我相信你必须有一个元素,你可以相对地定位你的 block 以获得边距工作。

关于html - 负边距在 IE9 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30350049/

相关文章:

javascript - 按下导航链接时如何平滑滚动?

css - 将字体样式应用于浏览器选项卡文本

javascript - slideToggle 覆盖媒体查询

javascript - 使用 javascript 将焦点放在选择内?

javascript - Internet Explorer 11 : Object doesn't support property or method 'isInteger'

javascript - 正则表达式在 FF 和 IE 中给出不同的输出

html - 在特定列加载 html 表

javascript - 使用纯 JavaScript 激活下拉菜单

html - 更改 font-awesome 圆形图标的背景颜色

css - 如何均匀对齐两个div