使用Sandbags,文字覆盖Chrome / Safari中的图像,而不是FF或IE

时间:2011-06-27 20:10:12

标签: 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

1 个答案:

答案 0 :(得分:2)

这似乎是一个webkit / chrome bug。您可以在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;
    }
}