Opera css：box-shadow bug

我一直在忙着創建我的網站，但是在Opera上測試我正在進行的主頁的過程中，我注意到它正在添加一個水平滾動條。從我的頁面中刪除位後，我注意到，如果我只留下具有ID功能的單個div，問題仍會發生。我試圖通過搜索找不到任何東西......任何地方。這裏是一個鏈接到一個頁面取樣問題Opera Box Shadow Bug
重要的是要指出，它只發生在Opera和作爲CSS3規範的一部分，它表明，陰影不在高度或寬度。
有沒有人有這個簡單的解決方案？我發現的唯一工作是將一個包含div的div放在box shadow div或幾個div上並設置overflow：hidden; ，這遠非理想。
我還沒有檢查Opera的Windows，但它發生在Opera for Mac（v11.50）。Opera css：box-shadow bug

來源

2011-08-17 Jason

嘗試給**寬度：100％**爲id。如果它不起作用，請爲相同的ID提供** overflow：hidden **。 – Mahesh

@Mah溢出：隱藏;因爲相同的ID不會做任何事情，因爲盒子陰影不是div的一部分。 div已經意味着寬度：100％;我的錯。現在上傳最新的文件。 – Jason

我在Windows Opera中測試了您的文件，並且顯示方式相同。我能夠做到這一點的唯一方法就是在你的#feature div中包裹一個div，添加overflow：hidden和一個更大的高度。這裏是我的代碼

html, body { 
margin: 0; 
padding: 0; 
} 
#hidden{ 
height:400px; 
overflow:hidden; 
} 
#feature { 
width:100%; 
height: 375px; 
background: #000; 
box-shadow: 0 4px 4px 4px #000; 
} 


<div id="hidden"> 
    <div id="feature"> 
    </div> 
</div>

除此之外，我會用1px的寬的圖像與重複。

來源

2011-08-17 02:47:45

嗯，幾乎我在我的問題中所說的，你將如何做1px圖像？你說你會使用圖片背景的陰影而不是CSS？有趣的是，Opera會有一個像這樣簡單的bug，它不是我們在這裏討論的IE！ – Jason

是的，我知道你在你的問題中說過，似乎你也回答了。如果你關心的是Opera如何顯示盒子陰影並且嵌套的#feature div遠非理想，你可以使用水平重複的.png背景圖片。但是，我不確定你的#feature div的目的，所以這可能與理想也不相符。 –

在我遇到問題的網站上，我有一個包含我的標題和功能DIV的包含Div的設置爲overflow：hidden;我只是想知道是否有另一種方式解決這個問題，對於那個問題誰還有這個問題！我更喜歡使用不需要圖像的佈局，所以我想我會避免背景圖像。這是我遇到問題的網站，並已解決它http://www.webflourish.com.au – Jason

該錯誤似乎至少在Opera 11.60中得到解決。

來源

2012-01-20 11:45:43

我有11.62，並且存在這個錯誤 –

Opera css：box-shadow bug

回答

相關問題