我正在尝试将以下图像添加为网站内容的背景: http://webbos.co/vibration/wp-content/themes/vibration-child-theme/images/back1.jpg
我希望页眉部分在所有页面上保持相同的大小,页脚也是如此。 但是随着正文从一页到另一页的变化,我希望它相应地改变但仍然适合整个图像的页眉和页 footer 分。
我尝试了不同的技术来实现这个解决方案,但无法弄清楚。 问题是图像的主体部分并没有很好地重复 y,因为它在图像的整个高度上都在变化,
我将不胜感激一个解决方案,如果我必须将图像切割成 2 或 3 个部分对我来说并不重要。
谢谢
最佳答案
如果您在 php den 中执行此操作,请创建不同的 header.php
和 footer.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/