背景图像和位置相对的白色边框

当我放置一个背景图像属性的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

背景图像和位置相对的白色边框

回答

相关问题