div背景出現變白的白色

我有一個縮放的問題，如果任何div有背景顏色/邊框，當我放大它時，它看起來完全是白色的。div背景出現變白的白色

我嘗試放大Facebook網站，並沒有出現此問題。

此圖像可以使問題更清楚。

enter image description here

那麼是什麼問題？

HTML CSS頭

header { 
    border-bottom: 1px solid #d6d6d6; 
    width: 100%; 
    padding-bottom: 10px; 
    background-color: #BF0404; 
    color: white; 
    background-position:bottom; 
}

來源

2014-04-08 Muhammad Aref

我們展示您的代碼，請。 – Albzi

甚至更好，一個JSFiddle – Mathlight

我剛添加了頭文件代碼 –

看來你有一個固定的寬度。嘗試：width:100%您的div

來源

2014-04-08 09:35:40 JajaDrinker

必要寬度設置爲菜單的100％

來源

2014-04-08 09:39:41 AlexPrinceton

每個父元素都取'width：100％' –

如果問題顯示，一旦你有你的窗口底部的水平滾動條，

那就不要使用width:100%。無論如何這是塊元素的默認值，對於保存在流中的元素是無用的。

width:100%將縮小其在屏幕寬度上的佈局（或者如果它在CSS中具有有效寬度，則爲父級）。

爲了讓您的標題增長超出父寬度，請給它一個允許它自然擴展（或縮小）的佈局。

header { 
    min-width:100%;/* as a block element , it should cover all width avalaible, make sure it does */ 
    display:table;/* will expand , so background will too*/ 
}

DEMO

來源

2014-04-08 10:05:34

謝謝，'display：table'修復了這個問題。 –

@MohamedAref，如果這個答案幫助你，那麼接受它。這樣你就可以給予GCyrillus信用，而其他社區不會再爲這個問題煩惱了 – Mathlight

div背景出現變白的白色

回答

相關問題