精华内容
下载资源
问答
  • div背景图片拉伸

    2018-02-01 16:06:40
    height: 100%; margin-top: 0px; background:url(http://nwq.ycwjwl.com/attachment/images/15/2018/02/oxGjJBJYY9zfyBmjyBbUYbx8gBpgIJ.jpg) no-repeat; background-size: 100% 100%;
    height: 100%;
    margin-top: 0px;  
    background:url(http://nwq.ycwjwl.com/attachment/images/15/2018/02/oxGjJBJYY9zfyBmjyBbUYbx8gBpgIJ.jpg) no-repeat;
    background-size: 100% 100%;
    展开全文
  • div实现背景图片拉伸

    千次阅读 2013-06-18 12:50:31
    div背景图片拉伸http://www.cnblogs.com/ljmin/archive/2012/07/15/2592312.html 背景图片可以设置重复(repeat)不重复(no-repeat),但没有设置拉伸属性。 这里用伪背景实现了拉伸。所谓伪背景,就是用两个重叠...

    div背景图片拉伸http://www.cnblogs.com/ljmin/archive/2012/07/15/2592312.html

    背景图片可以设置重复(repeat)不重复(no-repeat),但没有设置拉伸属性。

    这里用伪背景实现了拉伸。所谓伪背景,就是用两个重叠的div,下面一个放图片填满div,当成背景。

    <html>

    <head>

        <style>

            #back {               

                width: 200px;

                height: 200px;   

            }   

            #back img {

               vertical-align:top;     /*解决ie浏览器背景填充时的空隙*/

                width: 100%;

                height: 100%;

            }

            /*用相对布局让两个div重叠*/

            #front {   

               background: transparent;/*前面div透明背景*/

               position: relative;

                width: 200px;

                height:200px;

                top: -200px;

            }   

        </style>

    </head>

        <body>

            <div id="back">

                <img src="http://static.cnblogs.com/images/logo_small.gif"/>

            </div>

            <div id="front">

                <img src="http://static.cnblogs.com/images/logo_small.gif"/>

                <a href="http://www.baidu.com">百度</a>

            </div>

        </body>

    </html>

    展开全文
  • 核心:对该DIV加上一个样式滤镜style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='initGlobalSetImg.do?method=getLoginImg', sizingMethod='scale')" 基本设置:样式 { ...
    核心:对该DIV加上一个样式滤镜style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='initGlobalSetImg.do?method=getLoginImg', sizingMethod='scale')" 
    

    基本设置:样式
    {
    background: url("initGlobalSetImg.do?method=getLoginImg") center no-repeat;
    width:658px;
    height:189px;
    position:relative;
    z-index:0;
    }
    展开全文
  • HTML背景图片拉伸铺满,使用CSS实现图片的width和height均100%,具体如下,感兴趣的朋友可以参考下
  • 无法拉伸! 但是可以用 background-repeat:no-repeat; 这个方法来 控制背景不会平铺! 或者将你上面的代码改为 <div id="BgImg" style="height: 194px; width:100%; background-image: url('l_04.jpg') no-...
    无法拉伸!
      但是可以用  background-repeat:no-repeat;
     这个方法来 控制背景不会平铺!
    或者将你上面的代码改为 
    <div id="BgImg" 
        style="height: 194px; width:100%; background-image: url('l_04.jpg') no-repeat;">
    展开全文
  • 如何让背景图片拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果...
  • 背景图片拉伸

    2014-07-14 13:53:40
    现在WEB页面设计比较流行使用...本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。 查看演示DEMO 将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果,本
  • 建议用方法 西狐测试测试一下网页背景拉伸:) 实际使用后,发现有个需要注意的地方——使用AlphaImageLoader滤镜后,图片区域内的链接与按钮都将会失效,解决的办法是使用其他元素放置链接与按钮,浮动在该元素之上...
  • 看到CSDN上有人提问,就简单做了个,仅在IE下测试... <div id="div1" style="filter: progid:dximagetransform.microsoft.alphaimageloader(src='Images/sms_logo.png', sizingmethod='scale');"> </div>
  • css背景图片拉伸

    2014-05-30 17:30:18
    如何让背景图片拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的...
  • background-size 属性可以让我们之前的让背景图片拉伸填充的希望成真,具体使用方法如下感兴趣的朋友可以参考下哈,希望对大家有所帮助 如何让背景图片拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。...
  • css3 让背景图片拉伸填充

    千次阅读 2014-11-13 11:04:42
    css3 让背景图片拉伸填充 background-size:200px 200px; background-size:100% 50%; background-size:cover; background-size:contain; background-size:auto;
  • 弄了很久才发现原来background-image的大小不会随窗口大小变化,也不会有自动...QQ空间的背景图片控制也是用js的,不过好像用了Bootstrap框架,当时借用没成功。 我自己的代码也很乱的。。而且我也不太明白div的那个st
  • div背景图片等比例缩小如何居中

    千次阅读 2019-07-10 11:59:34
    有时候我们想通过CSS使背景图片background-image居中显示,但是发现CSS语法并没有提供background-align:center这样的用法,这篇教程详细地讲解了CSS背景图片background-image缩放如何居中显示,分为两种情况:①背景...
  • 怎样才能实现表格背景图片拉伸
  • 兼容ie背景图片拉伸,实现图片填充

    千次阅读 2018-04-27 14:50:51
    兼容ie背景图片拉伸 实现图片填充 兼容IE及所有浏览器的背景图片填充 background: url(../images/test01.png) no-repeat center; width: 96px; height: 60px; -moz-background-size: 100% 100%; -o-back...
  • 网页背景图片拉伸

    2014-02-25 23:35:38
    网页背景图片拉伸,方法有很多,但浏览器兼容性好的方法不多。 采用如下css,可以适应从ie6开始的所有浏览器。 [code="html"] html{ width:100%; height:100%; margin:0; padding:0...
  • 如何让背景图片拉伸填充

    千次阅读 2013-07-10 22:20:37
    如何让背景图片拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的...
  • div居中,背景拉伸

    2013-08-14 16:17:01
    背景图片拉伸: background-image:url(images/index-bg2.jpg);width: 100%;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100% 100%;background-...
  • css让背景图片拉伸填充的属性

    万次阅读 多人点赞 2015-10-15 09:40:12
    比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是... 控制背景图片的显示的。所以一般用作背景图片的有2类:  1.是一整张大图,尺寸和区域大小刚好吻合  2.一个很小的条状图,通过
  • css怎么把背景图片拉伸至100%

    千次阅读 2019-03-25 23:16:05
    div再加上属性, -moz-background-size:100% 100%; background-size:100% 100%;...这样设置后再看网页就会发现背景图片拉伸至100%了。 https://jingyan.baidu.com/article/ceb9fb10a6f68d8cad2ba017.html ...
  • 现在WEB页面设计比较流行使用大...本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。 查看演示DEMO 将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,920
精华内容 1,968
关键字:

div背景图片拉伸