图像背景重复y在网站中间

时间:2012-09-16 18:47:21

标签: html css

我正在尝试通过我的网站重复“背景”。必须精确到中间并且高度为100%。已经尝试过该位置绝对+ 25%的保证金但是当我缩放时,该网站崩溃了。不知道怎么能达到这个效果呢? 现在我将它添加到正文中并且在Chrome和Safari中运行良好,但在其他内容中则不行。

<body style="background:url('sheets/image_assets/parchment.png') repeat-y 50%">

哦,我正在使用:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">

1 个答案:

答案 0 :(得分:0)

background: url(your-background-image.jpg) repeat-y 50% 0;
body上的

应该可以在任何浏览器中使用。

DEMO

另外,请尝试使用<!DOCTYPE html>