html - 如何设置背景?

标签 html css background

我需要为我的网站自始至终不使用的区域设置背景图片。

http://oi61.tinypic.com/903z4l.jpg

我需要在网站的灰色部分添加背景图片。

我的 HTML 代码:

<html>
<body>
<?php include 'banner.php'; ?>
</body>
</html> 

横幅和导航代码,我在 banner.php 中将它们设置为居中和 800px,如图所示:

#nav 
{
margin-left:auto;
margin-right:auto;
width:800px;
}

最佳答案

background 添加到 HTML 的 body 中。这可以通过 CSS 完成。

CSS:

body {
    background-image:url("background.jpg");
}

注意:这个背景会一遍又一遍地重复,为了让它不可重复,你可以使用:

body {
    background:url("background.jpg") no-repeat;
}

更新:

您的 HTML 代码需要有一个 div,其 idnav,因此它会与背景重叠:

<html>
<body>
    <div id="nav"></div>
</body>
</html> 

您添加到 div 导航中的所有内容现在都将与背景重叠。

关于html - 如何设置背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23559114/

相关文章:

jquery - 使用 JQuery 粘性/跟随侧边栏但框标题图像不随文本移动?

Javascript 函数未显示

javascript - css 在不同浏览器中翻转卡片

当鼠标悬停在其他特定元素上时,jQuery 显示不同的元素(div)

html - 背景播放列表 Youtube 视频

html - div 向左浮动,div 向右浮动导致背景消失

android - 我想在使用 kotlin 在 android 中单击 Button 后更改背景

html - jQuery Mobile 不触发 pageinit

html - 在嵌套 DOM 结构中隐藏具有特定类的 div

javascript - 使用 chrome 的单个用户不会出现导航菜单