博客背景图片固定的代码
SUGER2 发表于 - 2006-4-1 23:00:00
在<head>与</head>之间插入以下代码：
<style type="text/css">
<!--
body {
background-color: #ffffff;
background-image: url(图片地址);
background-position: top left;
background-repeat: no-repeat;
background-attachment: fixed;
}
-->
</style>
需要修改的地方：
background-image: url(地址);
括号中的地址为你想用为背景的图片地址。
background-position: top left中top left 这项值可修改。既是背景图片的位置。比如center center表示背景图片固定在中间，你还可以修改这一行以达到你想要显示的效果，如改成left top表示左上，left bottom为左下，right top为右上，right bottom为右下，top为正上方，bottom为正下方。当然，如果仅有这些或许还不能满足我们网页的统筹布局。我们可以细化到具体位置，那就用坐标代替。如改成：background-position: 20px 40px;px表示左起水平20象素，垂直40象素。试着改动数字，可以发现背景图片也会出现在不同位置。细化位置有很多方法，比如用百分比代替等等这里就不一一列举了。
background-repeat: no-repeat;
no-repeat这项值可以改为repeat、repeat-x、repeat-y
repeat一般为默认值，表示背景图像在纵向和横向上平铺。no-repeat表示背景图像不平铺 。repeat-x为背景图像仅在横向上平铺，repeat-y:表示背景图像仅在纵向上平铺。
background-attachment:fixed 表示背景图片静止，文字在背景上面移动，如fixed值改为scroll则表示背景图片随着页面上的文字一起移动。
|
发表评论：
