注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Casa Baths N' shower

www.jacuzzi-bathtub.com

 
 
 

日志

 
 

background attachment  

2009-09-29 15:58:25|  分类: 网站 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
网站设计时使用CSS中的属性 backgroud-attachment 固定网站背景图像,其中固定背景图片属性决定指定的背景图片是跟随内容滚动的,还是保持固定。

其语法格式如下:

backgroud-attachment:scroll | fixed

需要说明的是,scroll表示滚动,fixed表示固定,初始为scroll。

使用background-attachment属性设置背景图片固定不变,其效果如下;

将下源代码保存为sxwl.htm,选择一张名为river.jpg的图片放在同一个目录下,在浏览器中打开sxwl.htm。
其中除了网页名称sxwl.htm,river.jpg可以更改以外,CSS中的back名称,图片的路径等都可以更改,不过要和调用他的地方作相应的修改。
<html>
<head>
<title>网站固定背景图片-来自杭州尚线网站制作</title>
<style type="text/css">
<!--
#back{background-image:url(river.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
font-size:14pt; color:white}
-->
</style>
</head>
<body id=back>
<center>
<font size=3 color=yellow>
使用CSS的background-attachment固定网站背景图片
</font>
</center>
<pre>
虞美人
春花秋月何时了
往事知多少
小楼昨夜又东风
故国不堪回首明月中
雕栏玉砌应犹在
只是朱颜改
问君能有几多愁
恰似一江春水向东流
</pre>
</body>
</html>
  评论这张
 
阅读(321)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017