日韩a天堂2020在线手机

当前位置:美女AV > 网页设计 > HTML/CSS > 正文  |  快速导航:Dreamweaver FontPage HTML/CSS XML/XHTML SharePoint 制作技巧
  • CSS样式实现全屏背景图片

  • 字号:[ ]2014-1-15 23:51:07  阅读:96次  来源:乐猪网  编辑:银河精灵  收藏
  • 摘要:今天在公司上班的时候,网页设计的美媚向我请教了一个自拍AV视频 CSS设置全屏背景图片的问题。笔者一开始以为很简单,其实不然!在网上也没有找到好的解决方法,后来让我自己想到一个模拟全屏背景图片的方法。
  • 日韩a天堂2020在线手机    有时候,小伙伴们有一些非常精美的图片,就想把它放到自己的网站上,或者在工作上的网站制作,但是发现图片的宽度和高度比屏幕小而导致没有全屏展示,哪有没有办法可以解决这个问题呢?

        很多朋友会尝试把图片的宽度和高度设置为100%,虽然可以把图片拉宽和拉高(宽度可以全屏,但是高度不行),但是这样不能作为背景图片。

    日韩a天堂2020在线手机    可能也有些朋友和笔者一样想到把一个div设置背景图片,然后使用 background-repeat:repeat-x 和 background-repeat:repeat-y 属性,这种方法也是行不通的!

        后来笔者想到了一种挺不错的方法,请问下面的实例代码:

    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
        <title>CSS设置全屏背景图片</title> 
        <style type="text/css">  
        div#div1 { 
            position:fixed; 
            top:0; 
            left:0; 
            bottom:0; 
            right:0; 
            z-index:-1; 
        } 
        div#div1 > img { 
            height:100%; 
            width:100%; 
            border:0; 
        } 
        </style> 
    </head> 
    <body> 
        <div id="div2"> 
            <img src="../../Images/coder.jpg" /> 
        </div> 
        <font style="font-size:40px;color:Red;font-weight:bold;">这一个编程入门网站,看到这段文字了没?它在背景图片上面!</font> 
    </body> 
    </html>

  • 顶一下
    (0)
    0%
    踩一下
    (0)
    0%
乐猪网 版权所有 Copyright © 2012-2015 msox106.cn All rights reserved.
本站用于学习交流,部分文章来源于网络,如果不慎侵犯了您的权益,请AV视频 我们删除!
粤ICP备12000837号

日韩a天堂2020在线手机