我正在构建一个网站,一切都已基本完成,但我遇到了一些问题,根据我在此处阅读的内容,这些问题是 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/