html - 页眉、正文、页脚的多个背景图像

标签 html css background

我正在尝试将以下图像添加为网站内容的背景: http://webbos.co/vibration/wp-content/themes/vibration-child-theme/images/back1.jpg

http://webbos.co/vibration/

我希望页眉部分在所有页面上保持相同的大小,页脚也是如此。 但是随着正文从一页到另一页的变化,我希望它相应地改变但仍然适合整个图像的页眉和页 footer 分。

我尝试了不同的技术来实现这个解决方案,但无法弄清楚。 问题是图像的主体部分并没有很好地重复 y,因为它在图像的整个高度上都在变化,

我将不胜感激一个解决方案,如果我必须将图像切割成 2 或 3 个部分对我来说并不重要。

谢谢

最佳答案

如果您在 php den 中执行此操作,请创建不同的 header.phpfooter.php 以及您想要的背景,并为每个页面使用此代码。

<body>
<?php include 'header.php';?>

<your middle content>

<?php include 'footer.php';?>
</body>

每个页面都遵循此代码...
对于页眉和页脚背景 CSS,您可能必须使用 background-repeat:no-repeat 和 body background-repeat:x or y

关于html - 页眉、正文、页脚的多个背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18560117/

相关文章:

html - 边框底部丢失

html - 形成 html Action

html - 当我没有告诉它时,表格中的粗体文本

css - 如何在 scss 中编写此运算符?

jquery - 带有/Jquery UI Accordion 的可扩展表行

html - CSS 文件未加载 GAE

java - Android - 从最近的应用程序刷应用程序时服务停止

php - 列出滚动时神奇地附在顶部的元素

javascript - jquery croppie 插件停止我的 jquery 代码中的 "$(window).resize"函数

android - 在android中禁用菜单项的背景高亮颜色