html - 除非我 float ,否则 firefox 不显示背景图像

标签 html css firefox

此页面在 chromium 中正确显示。在 firefox (8) 中,它隐藏了作为 div 背景的一个图像(应该显示 6 张图片)。如果有帮助的话,它是一个悬停 Sprite ……(查看源代码)

dl.dropbox.com/u/6068827/website/index.htm

如果我添加:

float: left;

它有效...但是为什么呢?是否有更清洁的修复方法?

附注我在 linux 上,目前无法访问 Windows 机器...

最佳答案

您将背景图像放在图像上。虽然它会起作用,但我认为这不是你想要的。 要么改imgdiv (添加宽度和高度)或将该背景图像放在 src 中。 你也不要用 </img> 关闭 img 标签相反,它是自动关闭标签,因此:<img class="class" src="path/to/img"/> .

关于html - 除非我 float ,否则 firefox 不显示背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8273367/

相关文章:

javascript - 如果未设置高度,如何避免 div 获得整页大小?

firefox - 无意中安装了管道搜索,现在我的 Firefox 显示了 Bing 页面而不是 404

html - not() 和 first-child 选择器之间的特殊性

html - 图像的垂直和水平对齐

javascript - 如何使用瓷砖坐标谷歌地图在瓷砖内填充颜色?

html - 使用 CSS 动画旋转单词。我如何停在最后一个字?

c# - headless (headless)模式下的 Firefox 以小尺寸运行(1366、768)

jquery - HTML/CSS : display table-cell not centering text in firefox

css - 根据内容调整嵌套 Div

javascript - 使用 FileReader() 从 HTML 表单中读取图像