CSS固定背景的图片
对于一些背景图片,当浏览器出现滚动条时,通常不希望图片随着文字的移动而移动,而是固定在某一位置。
CSS通过background-attachment的值为fixed来实现。
<span style="font-size:24px;"><html>
<head>
<title>
固定背景图片
</title>
<style>
<!--
body{
padding:0px;
margin:0px;
background-image:url(
http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}
p{
padding:10px;
margin:5px;
line-right:1.5em;
font-size:32px;
}
-->
</style>
</head>
<body>
<p>CSS(Cascading Style Sheet),中文译为层叠样式表,用于控制页面样式,并允许将样式信息与网友内容分离的一种标记性语言……</p>
<p>CSS(Cascading Style Sheet),中文译为层叠样式表,用于控制页面样式,并允许将样式信息与网友内容分离的一种标记性语言……</p>
</body>
</html></span>
显示效果,当拖动浏览器的滚动条时,仅仅只是文字往上移动了,背景图片没有发生任何移动,依旧在原来的位置上。