2012-08-11 89 views
0

我有一个HTML页面,而这个CSS:背景定位到右下

body { 
color:#000; 
/*BG Image is specified by javascript*/ 
background-repeat:no-repeat; 
background-position:top left; 
} 

你必须知道什么是该页面是不是在高度不够大,所以如果正确加载,有一个小屏幕底部与显示的最后一行文字之间的间隔。

我想使背景粘贴到屏幕的右下角,但是当我将top left更改为bottom right时,它似乎只能粘贴到网页底部(也就是文本结尾处)而不是屏幕的底部。我不知道是否有一个解决方案,但如果有,请让我知道

+0

这是正常的,如果你的内容结束,页面结束。你需要更多的内容来工作,就像它应该 – Mark 2012-08-11 18:35:46

+0

@Mark哦,上帝,那很糟糕。那么有没有什么办法可以解决这个问题? – SeinopSys 2012-08-11 18:39:04

+0

你可以给你的''一个高度。看起来我很喜欢矫枉过正。 – Mark 2012-08-11 18:44:09

回答

1

你需要一个background-size: cover财产body标签

这将使背景覆盖全身元素

试试这个

body { 
    background-position: bottom right; 
    background-attachment: fixed; 
    background-repeat:no-repeat; 
    background-size: cover; 
} 
+0

这并没有解决,差距仍然存在。 – SeinopSys 2012-08-11 18:37:13

+0

尝试为属性添加供应商特定的前缀即-moz- – 2012-08-11 18:39:44

+0

如果这也不起作用改变标签为html并将背景添加到html – 2012-08-11 18:41:51

0

尝试在身体选择设置height:100%;

body { 
    color:#000; 
    /*BG Image is specified by javascript*/ 
    background-repeat:no-repeat; 
    background-position:top left; 
    height:100%; 
} 
+0

这也不起作用。 – SeinopSys 2012-08-11 18:39:20