【问题标题】:opera browser displays margin differentlyOpera 浏览器以不同方式显示边距
【发布时间】:2013-03-24 01:11:51
【问题描述】:

我要疯了,我不知道是什么原因导致右侧边栏画廊图像的边距在 Opera 浏览器上呈现不同。更具体地说,图像的下边距似乎在其他所有常见浏览器中都加倍,它设置为 2px,只有 opera 将其显示为 2 px。

这是网址 - http://www.roxopolis.de/media 见截图here。

请帮我解决这个问题,我不太在意它的显示方式不同,但它会暴露一些以下画廊图像,这些图像应该保持隐藏,这让我很困扰。如果有另一种方法可以隐藏以下图像(由小部件放置),那也很好。也许为歌剧有条件地设置边距?

【问题讨论】:

    标签: css layout margin opera


    【解决方案1】:

    我快速浏览了 Dragonfly 中的页面以及 Chrome 的检查器进行比较,没有任何特定的样式,包括继承的样式,让我觉得“导致”了这个问题。也许其他人可以找到一些东西,但乍一看,我会说 Opera 似乎在“做正确的事”。

    如果您将每个锚标记连同其各自的图像放在其自己的容器中并尝试设置它们的样式(例如,包含包含每个项目图像的锚的 div,并将它们浮动在左侧),您可能对间距有更多的控制父容器 div)。

    您的图片多于您想要显示的数量是否有特殊原因?我没有看到任何控件来滚动该页面上的图像,所以我不确定为什么你需要超过你已经显示的六个图像。当然,如果您在某处有随机排列顺序的代码,您可以对其进行更改,使其仅显示前六张图像。

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

    【讨论】:

    • 好的,首先感谢您的回答。使这更复杂的是代码是由插件(NextGen Widget)生成的。所以我不能只是分解它或使用此插件提供的样式手动对其进行编码,因为该插件允许为画廊轻松集成未来的图像。
    • 我希望显示比人们看到的更多图像的原因是,这允许人们浏览整个画廊,同时只显示 6 张图像。有点遗憾的是插件没有这个选项,但这就​​是我想通过隐藏其余部分来实现的。要滚动图像,您单击其中一个,它会弹出图像浏览器,也许我需要让它更明显,因为您说您找不到滚动它们的方法。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-03
    • 2021-08-07
    • 2016-07-02
    • 2013-11-01
    相关资源
    最近更新 更多