2016-12-29 48 views
3

我用一个简单的HTML代码,背景图片设置为我的网页,但它仍然显示我在页面的顶部的自由空间,我想生活中使用此代码的背景图像,它被提升到了,你能确定我的,是它的正确方法,还是有和我现有的CSS代码的任何问题?如何在背景图像删除此顶层空间?

margin-top:-20px 

我的CSS代码,

<style> 
.bg-image { 
    left: 0; 
    right: 0; 
    height: 200%; 
    background-image: url("/bg.jpg"); 
    background-position: 0px 0px; 
    position: fixed; 
    background-size: cover; 
    margin-top:-20px; 
} 

我的HTML代码:

<html> 
<head> </head> 
<body> 
    <div class="bg-image"></div> 
</body> 
</html> 

回答

2

主体部分将调用内部分歧,所以一定要确保对身体的利润,如果我们设置体margin:0px; padding:0px;然后将触动浏览器的顶部。

试试这个代码的CSS代码中,

body{ 
    padding: 0px; 
    margin: 0px; 
} 
+0

谢谢,这是为我工作。 – user7354735