css - Safari 阻止鼠标单击与不相关图像对齐的链接

标签 css safari positioning margin

http://www.stringfieldassociates.com/

在 Safari 中,所有与中央大图像水平对齐的导航链接都被阻止并且无法点击。就好像图像占据了页面的宽度,但事实并非如此——它有一个固定的宽度和高度,唯一应用到它的 CSS 是 margin-top 和一个负的 margin-right 来定位它。我以前使用过定位,但这个错误在 Firefox 和 IE 中突然出现。显然,使用边距进行定位在任何地方都可以正常工作,但 Safari 除外。

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

有什么想法吗?我几乎从未见过 Firefox 中没有的 Safari 错误,所以我很困惑。

杰里米

最佳答案

我会选择:

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

关于css - Safari 阻止鼠标单击与不相关图像对齐的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4211762/

相关文章:

css - Django - CSS 问题

javascript - Webkit Develop Inspektor 显示长字符串

ios - Flexbox 在 Safari 和 IOS 中不工作

html - CSS 定位 : Too long text string puts text beneath image, 不在旁边

css - 使用绝对定位以动态宽度定位内容

html - CSS 部分填充的星星和间距

html - 为什么img :hover doesn't work here?

html - 如何在 flexbox 中居中和转 Angular flex 元素?

javascript - IndexedDB.open 在 Safari iOS 8.1.1 上返回 null 并在 Cordova 上停止执行。在 iOS 8.1.2 上更差

css - 如何创建网格/平铺 View ?