Safari阻止鼠标单击以查找与不相关图像对齐的链接

时间:2010-11-18 04:47:34

标签: css safari positioning margin

http://www.stringfieldassociates.com/

在Safari中,所有与大型中央图像水平对齐的导航链接都会被阻止,无法单击。这就像图像占据了页面的宽度,但它不是 - 它具有设置的宽度和高度,并且应用于它的唯一CSS是margin-top和负边缘 - 右边来定位它。之前我曾经使用过定位但这个bug在Firefox和IE中出现了。使用边距进行定位可以在任何地方运行,但显然是Safari。

图像位于组成顶部蓝色条的div内。该栏是一个div,它只是将菜单作为列表,然后是图像。

有什么想法吗?我几乎从来没有看到过Firefox中没有的Safari漏洞,所以我很难过。

杰里米

2 个答案:

答案 0 :(得分:0)

尝试在该标题图片上使用绝对位置,而不是在右边缘使用负边距。

答案 1 :(得分:0)

我会选择:

#header_img{
   left: 50%;
   margin-left:-230px;
   position: absolute;
}