歌劇瀏覽器顯示保證金不同

Question

我瘋了，我無法弄清楚是什麼原因導致右側邊欄圖像的邊緣在Opera瀏覽器上呈現不同。更具體地說，圖像的底部邊緣似乎在所有其他普通瀏覽器中翻倍，其設置爲2px，並且只有Opera將其顯示爲2px。

這是網址 - http://www.roxopolis.de/media查看截圖here。

請幫我解決這個問題，我不在乎它的顯示方式不同，但它暴露了一些以下的圖庫圖像，這些圖像應該保持隱藏，所以這讓我困擾。如果還有另外一種方法可以隱藏下面的圖片（這些圖片由widget部署），那也可以。也許有條件地爲歌劇設置邊緣？

Answer 1

我已經快速瀏覽了Dragonfly中的頁面以及Chrome的檢查器以進行比較，並且沒有特定的樣式（包括繼承的樣式）引發我「引發」此問題。也許其他人可以找到一些東西，但一看就知道，歌劇似乎是「做正確的事情」。

如果將每個錨定標記及其各自的圖像放在其自己的容器中並試圖對其進行樣式設置（例如，包含每個項目的包含圖像的錨點並將它們左移在父容器div內）。

是否有一個特定的原因，你有更多的圖像比你想顯示？我沒有看到任何控件來滾動該頁面上的圖像，所以我不知道爲什麼你需要比你已經顯示的六個圖像更多。當然，如果你的代碼隨機排列，你可以改變它，使它只顯示前六張圖片。

另外，你有沒有嘗試過把問題分解到一個較小的用例，可以在jsfiddle中測試/調整？如果使用上述建議無法解決問題，這可能有助於解決問題的底部。