最新文章:

首页 网站代码

html背景不滚动样式的css

发布时间:2016年05月26日 评论数:抢沙发 阅读数:918

    其实就这一条css的说明:background-attachment

    背景附着(background-attachment)属性有两个值。一个是scroll,表示随内容滚动而动;一个是fixed,表示固定不动,不受内容滚动影响。缺省值是scroll。
    例:
    
    
    {background-image:url(../images/css_tutorials/background.jpg); background-repeat:no-repeat; background-attachment:fixed}

    这个HTML使用了CSS的 background-attachment 属性,将背景图片固定,不随内容滚动而滚动

    背景附着(background-attachment)属性有两个值。一个是scroll,表示随内容滚动而动;一个是fixed,表示固定不动,不受内容滚动影响。缺省值是scroll。

    background-attachment要和background-image一起用。

    这个HTML使用了CSS的background-attachment属性,将背景图片固定,不随内容滚动而滚动。

     

    其他相关:

     

    背景重复 background-repeat
    <style type="text/css"> 
    p{background-image:url(../images/css_tutorials/background.jpg); background-repeat:repeat-y}
    </style>
    <p>这个HTML使用了CSS的background-repeat属性,使背景图片竖向重复。<p>
    <p>常用的background-repeat的属性值有: repeat-x(横向重复),repeat-x(横向重复), no-repeat(不重复)。</p>
    <p>background-repeat属性要和background-image一起用。</p> 

     

    背景位置属性 background-position
    <style type="text/css"> 
    p{background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-position:20px 60px}
    </style>
    <p>这个HTML使用了CSS的background-position属性。这个属性和background-image属性连在一起使用,决定了背景图片的最初位置。</p>
    <p>上面的代码表示背景图片的初始位置距离网页最左面20px,距离网页最上面60px。</p>

     

    背景属性 background
    <style type="text/css">
    p{background:#99FF00 url(../images/css_tutorials/background.jpg) no-repeat fixed 40px 100px} 
    </style> 
    <p>
    这个属性是设置背景相关属性的一种快捷的综合写法,包括background-color, background-image, background-repeat, backgroundattachment, background-position。</p>
    <p>这个HTML所用的背景属性表示,网页的背景颜色是翠绿色,背景是background.jpg图片,图片不重复显示,背景图片不随内容滚动而动,背景图片距离网页最左面40px,距离网页最上面100px。</p>

     

二维码加载中...
本文作者:幻陆      文章标题: html背景不滚动样式的css
本文地址:https://www.hyunlu.com/?post=62
版权声明:若无注明,本文皆为“幻陆”原创,转载请保留文章出处。
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
sitemap