Firefox顯示與奇怪行爲重疊的div

我需要使用相同顏色重疊的2個div。在Chrome和IE9上顯示效果很好。但是在FF上，即使我沒有設置border-bottom，頂部的div上也有一個奇怪顏色的邊框底部。 here是我的jsfiddle。這個問題發生在title div與「一些文本在這裏」文本Firefox顯示與奇怪行爲重疊的div

來源

2013-05-16 Doan Cuong

在FF和chrome中看起來一樣。你能把你想要的和你所得到的截圖放在一起嗎？ – Nitesh

@NathanLee感謝您的關注。但是這個問題已經被利賓解決了。祝你有一個愉快的一天，先生：D –

它由於您應用的方框陰影。

調整值是這樣的：

box-shadow: 9px -3px 10px -8px #000000

來源

2013-05-16 13:02:01 Libin

它可以幫助我很多。非常感謝。有一個愉快的一天，先生：D –

問題是.title上的盒子陰影，這是什麼導致FF上的行。你可以把它縮小到：

box-shadow: 9px 0 10px **-10px** #000000;

這樣就可以擺脫線條，但當然看起來有些不同。

來源

2013-05-16 13:00:26 Woody

我真的很抱歉，我不能接受你的答案，因爲裏賓答案更接近我想要的。但我真的很感謝你的幫助。感謝您的關注並祝您有個愉快的一天，爵士：D –

沒問題，歡迎您:) – Woody

您可以更改此箱陰影值這樣的：

box-shadow: 9px -2px 10px -9px #000;

這甚至不會使你的陰影效果太大的差別。

我認爲這可能對你有所幫助。

來源

2013-05-16 13:20:30 Dhavs

感謝您的幫助，它真的很有用。祝你有個愉快的一天，爵士：D –

Firefox顯示與奇怪行爲重疊的div

回答

相關問題