精华内容
下载资源
问答
  • css实现body背景图全屏不论分辨率大小的情况下,只要控制img 的z-index为-1即可,具体实现如下,需要的朋友可以参考下,希望对大家有所帮助
  • css body背景图全屏

    千次阅读 2013-09-05 13:39:45
    css body背景图全屏,不论分辨率大小。在body里嵌套一个img元素,控制这个img 的z-index为-1即可。

    css body背景图全屏,不论分辨率大小。在body里嵌套一个img元素,控制这个img 的z-index为-1即可。

     <img id="bg" src="../images/bg.jpg" width="100%" height="100%" style="right: 0; bottom: 0;position: absolute; top: 0; left: 0; z-index: -1" />


    使用jQuery和CSS将背景图片拉伸:

    http://www.helloweba.com/view-blog-198.html

    展开全文
  • 主要介绍了css设置body背景图片满屏的实例代码,需要的朋友可以参考下
  • body{ background:url(../image/bg-m.jpg) no-repeat; background-size: cover;//或者background-size: 100% 100%; } background-size contain 与 cover 的区别 在no-repeat情况下,如果容器宽高比与图片宽高比...
    html{
        height:100%;
    }
    body{
        background:url(../image/bg-m.jpg) no-repeat;
        background-size: cover;//或者background-size: 100% 100%;
    }
    

    background-size contain 与 cover 的区别

    在no-repeat情况下,如果容器宽高比与图片宽高比不同

    • cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被截掉;
    • contain:图片自身的宽高比不变,缩放至图片自身能完全显示出来,所以容器会有留白区域;

    其实,从英文的意思来说:

    • cover意味着“遮罩、遮盖”—此处理解为“塞满”较恰当
    • contain意为“包含”–也就是:我图片虽然缩放了,但是整个图是被“包含”在你里面的,你必须把我显示完整、不能裁剪我一丝一毫。

    在repeat情况下:

    • cover:与上述相同;
    • contain:容器内至少有一张完整的图,容器留白区域则平铺背景图,铺不下的再裁掉。

    原文链接:CSS中Body背景图片的自适应 - 一直在路上

    展开全文
  • CSS3之body背景图平铺

    万次阅读 2015-04-20 13:59:09
    你再也不需要因为屏幕大小不同而去选择多张图片作为背景图了,css3教你做人;body { background: url('xx.jpg')top center no-repeat; background-size:cover; }

    你再也不需要因为屏幕大小不同而去选择多张图片作为背景图了,css3教你做人;

    body
    {
        background: url('xx.jpg')top center no-repeat; 
        background-size:cover;
    }

    或者

    body
    {
        background:url('back.jpg');
        background-attachment:fixed;
        background-repeat:no-repeat;
        background-size:cover;
        -moz-background-size:cover;
        -webkit-background-size:cover;
    }
    展开全文
  • <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>IndexMain</title> <!--样式-->... body { height: 10
    <!DOCTYPE html>
    <html>
        <head>
            <meta name="viewport" content="width=device-width" />
            <title>IndexMain</title>
            <!--样式-->
            <style>
                body {
                    height: 100%;width: 100%;
                    background: url('../../Images/LoginIMG/LoginBackground.jpg');
                    background-size:cover;
                }
            </style>
        </head>
        <body>
            <div>
            </div>
        </body>
    </html>
    
    展开全文
  • html+CSS背景图片充满整个屏幕

    万次阅读 多人点赞 2017-10-19 13:43:35
    body标签指定背景图,这样背景图就可以填充整个浏览器viewport了。 其实,该方案对所有的块级容器都可以生效。块级容器的宽高是动态的,那么背景图将自动伸缩,充满整个容器。 可设置body标签的CSS样式如下:...
  • css里面如何设置body背景图片满屏

    千次阅读 2019-09-14 05:22:36
    本文转载于:猿2048网站css里面如何设置body背景图片满屏 @{ Layout = null; ViewBag.Title = "Login Page"; } <!DOCTYPE html> <html> <head> ...
  • 在网页设计制作中经常会遇到这样的问题:用图片做背景时,由于显示器分辨率太大...这部分很简单,为body元素设置背景图像(定位于center,top)以下是css代码: CSS Code复制内容到剪贴板 复制代码代码如下: body {
  • body{ font-family: "华文细黑"; background:url("../img/Flyer-bg.png") no-repeat; background-size: 100%; }
  • CSS 添加背景图片

    千次阅读 2018-06-28 11:40:58
    CSS样式代码:&lt;style&gt; .backimage { /*设置图片大小*/ width: 980px; height: 200px; /*背景图像将仅显示一次 no-repeat*/ background-repeat: no-repeat; ...
  • body背景图平铺拉伸

    千次阅读 2019-10-04 20:25:17
    总结:让body背景图铺满整个页面 添加以下代码即可: background-size: 100%;
  • cssbody设置背景图片

    千次阅读 2018-12-15 21:12:00
    转载于:https://www.cnblogs.com/classmethond/p/10124702.html
  • CSS设置背景图片

    千次阅读 2016-08-08 22:25:04
    CSS设置背景图片  CSS给页面添加背景图片的方法,就是使用... 如果给网页的body标记,添加background-image:URL背景图片,那么页面的所有地方,都会以该图片作为背景。  其中,URL的值可以用绝对路径,也可以使用
  • 用跳帧做动画的时候,让背景图无缝衔接的循环走动 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>背景走</title> <style> *{ margin: 0...
  • 这段代码只是想表明gif是可以当成背景图片的。 复制代码代码如下: <... <style>... 这是背景图左上角: ”img”></div> 这是插图: < ></> </body> </html> 此图为:rili.gif
  • CSS 网页背景图片设置

    千次阅读 2019-08-06 16:06:47
    /* 背景图片设置 */ background-image: url(20190712.jpg); zoom: 1; background-color: #ffff; background-repeat: no-repeat; background-position: center 0; background-size: cover; -webkit-...
  • 我们知道在用图片作为背景的时候,css要这样写,以div容器举例子,也可以是body、td、p等的背景,道理一样。 代码: div{ background:#FFF url(image) no-repeat fixed x y;} 这里的backg
  • CSS中background image url(),中,在body中直接写background image url("../ptoto/banner1.jpg,")没什么问题,图片可正常显示。 但如果是在div中却不行,需要另外设置width和height,请问如何才可以在div中不设置宽和...
  • 话不多说直接上代码 body { background:url(... background-size:cover; background-attachment:fixed; /* 设置背景颜色,背景图加载过程中会显示背景色 我试了下可加可不加 */
  • css3 背景图缩写

    2019-03-07 17:04:47
    body{ /* css3背景图缩写 */ background: #eee url('xs.png') no-repeat fixed 50% 50%; /*相当于 backgorund-color:#eee background-...
  • CSS设置背景图片满屏

    万次阅读 多人点赞 2019-05-23 22:20:55
    折腾了很久,图片长一点或者宽一点,怎么设置宽和高都有问题,设置背景图片满屏,网上也搜了很多,都没有好的解决方案。 最后抠了某个网站的源码,找到了目前的一个解决方案 <!DOCTYPE html> <html> &...
  • 在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面,那么,如何让背景图片平铺呢?接下来本篇...
  • css更改背景图片大小

    千次阅读 2015-05-18 15:19:12
    最近项目中的一个页面用到的图片要比原图小很多,但是这个图片是以一个标记的背景图显示的,不能像在中那样直接设置width、height的值来决定图片显示的大小,最后从网上查到可以使用background-size属性来设置背景的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 85,130
精华内容 34,052
关键字:

cssbody背景图