背景圖像和位置相對的白色邊框

當我放置一個背景圖像屬性的div和使用位置：相對我結束與我不想要的圖像邊緣的白色框架。背景圖像和位置相對的白色邊框

我不能使用絕對值，因爲我需要一個元素直接跟在背景圖像下面，並在不同分辨率上縮放（所以在px中沒有設置高度/寬度）。

這裏的CSS：

#pagehead{ 
    position: relative; 
    background-position: center, center; 
    background-image: url("Header.jpg"); 
    background-repeat: no-repeat; 
    background-size: cover; 
    height: 100vh; 
    top: 0; 
    bottom: 0px; 
    left: 0; 
    right: 0; 
} 

section{ 
    position: relative; 
}

這裏的HTML：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width; initial-scale=1.0;"> 
    <title>Title</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script type="text/javascript" src="animate.js"></script> 
    <link rel="stylesheet" type="text/css" href="page.css"> 
</head> 

<body> 
    <div id="pagehead"></div> 

    <section> 
     <div id="content"> 
      blahblahblah 
     </div> 
    </section> 

</body> 
</html>

來源

2016-03-28 OEThorne

你有沒有嘗試設置「體{ margin：0px}'？ – KiiroSora09

簡直不敢相信！謝謝你的工作:)如果你發佈答案，我會標記回答。 – OEThorne

會做！有時候，小事情很重要:) – KiiroSora09

身體的頁邊距設置爲0，可能會解決問題：

body { margin: 0px; }

來源

2016-03-28 23:25:46 KiiroSora09

背景圖像和位置相對的白色邊框

回答

相關問題