2016-03-14 45 views
0

我已經看過各種「空白」問題,但似乎沒有任何工作。我正在使用normalize.css。我發現的唯一解決方案是做這樣的事情:刪除標題圖像上方的空白處

.parallaxImage { 
    margin-top: -20px; 
} 

但我懷疑這是真的最好的方式來做到這一點。我懷疑它的響應速度和完全跨瀏覽器兼容。有沒有其他解決方案可行?這裏的codepen:

http://codepen.io/anon/pen/GZNovx

+0

你使用重置或標準化或至少爲邊緣/填充等基本風格? – PVL

+0

是的,我使用正常化(我編輯了我的答案提及),但我明白了:-) –

+0

看起來規範化工做得不好:P我爲這些事情定製一個。節省很多時間。試過標準器不喜歡它。 – PVL

回答

1

上邊距從parallaxImage DIV中的<h2>到來。

h2 { 
    margin-top:0; 
} 

將解決此問題。

+0

Ahhh拍攝。這樣一個簡單的修復。我才意識到如何在未來弄清楚這一點。我可以打開開發工具並檢查該區域。謝謝!我會在4分鐘內接受答案。 –