css - firefox/ie/chrome/Safari 之间的.css 问题

标签 css firefox google-chrome webkit gallery

我正在构建一个网站,一切都已基本完成,但我遇到了一些问题,根据我在此处阅读的内容,这些问题是 firefox 和 ie 中的 webkit 的结果。

这是有问题的页面之一:

http://prdesignstudio.com/Seattle.html

当您在 Chrome 或 safari 中加载它时,它工作正常,图像反射(reflect)在底部,而下一行没有图像。另一方面,当您在 Firefox 或 IE 中打开它时,没有反射,并且集合中的最后一张图像位于下一行。另一件奇怪的事情是,问题并没有出现在每一页上,而且它似乎也不是基于图库中的图像数量。 (点击作品集可以找到不同的页面)

有人知道怎么解决吗?另外,如果修复它需要我删除 .css 的 webkit 部分,有谁知道我可以做些什么来获得反射?它们不是必需的,但我喜欢它们 XD

所有页面的代码都可以在这里找到:http://jsfiddle.net/2DvSP/

在此先感谢您的帮助。

最佳答案

至于出现在下一行的图像,并且除了部分页面外,并非所有页面都出现这种情况,您设置了内联样式

div calss="container" style="width: 2080px;"

如果增加宽度,FF4.01和IE9不会出现这个问题。

关于css - firefox/ie/chrome/Safari 之间的.css 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5941559/

相关文章:

javascript - 使用 YUI 更改标题 DIV 的不透明度

http - 如何在 Firefox 中忽略 "Content-Disposition: attachment"

java - 为什么 Java 的 SSL 返回的 Google 证书上的序列号与 Firefox 和 Chrome 返回的不同?

javascript - 动态创建的 Select 元素在 FF 和 Chrome 中是不同的

mozilla 的 css 和 chrome 的 css

html - CSS 动画适用于 Chrome 和 Safari,但不适用于 Firefox 和 IE

Jquery 导航栏 [平板电脑/手机 View ]

html - 将 <form> 标记的垂直对齐设置为导航栏元素以居中

javascript - 显示一个隐藏的 div,同时隐藏另一个

JavaScript 性能功能