html - 使用 Sandbags 在 Chrome/Safari 中文本覆盖图像,而不是 FF 或 IE

标签 html css firefox layout google-chrome

我正在使用沙袋方法在图像上方显示 2 行文本。这是一张显示效果在 FF 中有效但在 Chrome 中无效的图像(在 Safari 中同样的问题):

Firefox/Chrome side-by-side

有谁知道是什么原因造成的?

编辑: 我很抱歉没有发布链接:http://antigua-guide.info/可以在右侧中间列的中间位置看到该问题。

这是 html 和 css。

html of section

css of section

最佳答案

这似乎是一个 webkit/chrome 错误。你可以在http://code.google.com/p/chromium/issues/list上举报.同时你可以使用脏 chrome/safari hack为您的 CSS 添加一些修复:

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .hpm2_content img, .modulebody img {
        margin-top:18px;
    }
}

关于html - 使用 Sandbags 在 Chrome/Safari 中文本覆盖图像,而不是 FF 或 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6498353/

相关文章:

javascript - jQuery 两个选项卡容器使用相同的代码,如何仅在单击的容器内执行事件?

jquery - 除非我指定高度,否则 Div 不会在屏幕上居中

javascript - 如何使用javascript更改按钮背景?

javascript - Firefox 上 Greasemonkey 脚本中 JavaScript 中的类型强制和字符串连接问题

javascript - Ajax 和 json_encode 在 Firefox 中回显文本而不是 json

javascript - 缩放页面时 Firefox 输入问题

javascript - 导轨 5/JavaScript : dynamically update only record attributes that have updated on page

javascript - 我怎样才能防止这种 Material 波纹动画泄漏到其他 div 中?

用于移动设备的 Accordion 菜单的 CSS

javascript - Bootstrap 列垂直对齐而不是水平对齐