Opera浏览器以不同方式显示边

时间:2013-04-02 16:23:56

标签: css layout margin opera

我对此感到疯狂,我无法弄清楚是什么原因导致右侧边栏库图像的边距在Opera浏览器上以不同方式呈现。更具体地说,图像的下边距似乎在每个其他常见浏览器中加倍,设置为2px,只有opera显示为2像素。

这是网址 - http://www.roxopolis.de/media请参见屏幕截图here

请帮我解决这个问题,我不太关心它的显示方式不同,但它暴露了一些下面的画廊图像,它们应该保持隐藏,这就是困扰我的事情。如果有另一种方法来隐藏下面的图像(由小部件放置),那也没关系。也许为歌剧有条件地设置边距?

1 个答案:

答案 0 :(得分:0)

我已经快速浏览了Dragonfly的页面以及Chrome的检查员进行比较,没有特别的风格,包括继承的风格,让我感到“引发”这个问题。也许其他人可以找到一些东西,但一眼就能看出,Opera似乎在“做正确的事”。

如果将每个锚标记及其各自的图像放在其自己的容器中并尝试设置样式(例如包含包含每个项目图像的锚点的div,并将其悬浮在其中),您可能可以更好地控制间距父容器div)。

是否有特殊原因导致您拥有的图像数量超出您想要显示的数量?我没有看到任何控件来滚动该页面上的图像,所以我不确定为什么你需要有超过你已经显示的六个图像。当然,如果你有一个代码随机化的代码,你可以改变它,使它只显示前六个图像。

另外,您是否尝试将问题分解为可以在jsfiddle中测试/调整的较小用例?如果您无法使用上述建议解决问题,这可能有助于找到问题的根源。