html - 图片背景在网站中间重复y

标签 html css

我试图通过我的网站重复“背景”。必须恰好位于中间且高度为 100%。已经尝试过绝对位置 + 25% margin ,但是当我缩放时,网站崩溃了。知道如何实现这种效果吗?
现在我将它添加到 body 中,并且在 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">

最佳答案

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

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

DEMO

此外,尝试只使用 <!DOCTYPE html>

关于html - 图片背景在网站中间重复y,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12449657/

相关文章:

具有自定义 css 设计的 HTML 表格

javascript - Css 在悬停时上下滑动 div 的图像

具有高度百分比的 div 的 CSS 布局

html - 2 div 在另一个 div 内但在文本之下

html - 移动只有相等的 css-float div 之间的空白

html - Bootstrap 页脚位于页面中间

html - 开关 css 不适用于输入类型的 radio

javascript - 如何添加多个 CSS 规则以最大程度地减少浏览器回流?

html - 如何多个div淡出淡入循环动画

android - 有没有等同于android提示的css?