精华内容
下载资源
问答
  • background:url(../images/zyc_03.png) no-repeat; _background:none; _filter: progid:DXImageTransform...最后一行的 src为相对于网页的路径不是相对于css的路径。   _filter:前面带不带 _ 应该都可以。
    background:url(../images/zyc_03.png) no-repeat;
    _background:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='images/zyc_03.png');
    


     

     

    最后一行的 src为相对于网页的路径不是相对于css的路径。

     

    _filter:前面带不带 _ 应该都可以。

    展开全文
  • css 设置背景图片透明

    2019-06-24 17:44:00
    背景图片css不变,再背景图片的里层元素设置css样式即可 opacity:0.4; filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */ 转载于:https://www.cnblogs.com/jiangfeilong/p/11078431.html...

    最终效果:

    背景图片css不变,再背景图片的里层元素设置css样式即可

    opacity:0.4;
    filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */

     

    转载于:https://www.cnblogs.com/jiangfeilong/p/11078431.html

    展开全文
  • css实现背景图片透明

    千次阅读 2019-02-14 13:29:29
    背景色,实现透明css方法通常有以下3种方式,以下是不透明度都为80%的写法 css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8 css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255...

    纯背景色,实现透明的css方法通常有以下3种方式,以下是不透明度都为80%的写法

    • css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8
    • css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8)
    • IE专属滤镜 filter:Alpha(opacity=x),x 的取值从 0 到 100,如filter:Alpha(opacity=80)

    背景图片想要直接一个属性完成,并没有,只能曲线救国,这里先整理思路,后续补代码

    两层DIV嵌套,外层设置背景图片,设置透明度,内层DIV放置内容,参考上面的透明度写法

     

    展开全文
  • CSS实现背景图片透明

    2020-04-27 11:48:21
    项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px) .demo1{ width: 500px; height: ...

    项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。

    1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px)


    .demo1{
        width: 500px;
        height: 300px;
        line-height: 50px;
        text-align: center;
    }
    .demo1:before{
        background: url(http://csssecrets.io/images/tiger.jpg) no-repeat;
        background-size: cover;
        width: 500px;
        height: 300px;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;/*-1 可以当背景*/
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    <div class="demo1">背景图半透明,文字不透明<br />方法:背景图+ filter:blur</div>

     

     

    2.半透明效果:背景图 + 定位 + background:rgba(255,255,255,0.3)、

    .demo2-bg{
        background: url(http://csssecrets.io/images/tiger.jpg) no-repeat;
        background-size: cover;
        width: 500px;
        height: 300px;
        position: relative;
    }
    .demo2{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 500px;
        height: 300px;
        line-height: 50px;
        text-align: center;
        background:rgba(255,255,255,0.3);
    }
    <div class="demo2-bg">
        <div class="demo2">背景图半透明,文字不透明<br />方法:定位+ background:rgba(255,255,255,0.3)</div>
    </div>


     

    展开全文
  • 一款创意十足的CSS3模糊背景图片透明遮罩动画特效,遮罩区域高亮显示背景图片左右滚动动画效果。
  • div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示
  • css透明度的设置在网页的设计中是经常需要用到的...今天这篇文章就来给大家分享css图片透明度的设置方法。css中与设置透明效果相关的属性有两个:opacity和rgba。(推荐视频课程:HTML+CSS+JS+vue前端基础入门~htt...
  • 今天要设计一个定位在图片上的标签,标签的背景要有一定的透明度,使用到了opacity的属性,过去没太注意这个属性的兼容性问题,结果采坑了。。。 1.完成后的效果 完成前后的效果应该是这样的: 背景透明前 背景...
  • CSS背景图片透明

    2009-08-19 14:40:00
    Css-Code.logo {clear:both;margin-top:18px;background: transparent url(Images/yqkc.jpg) no-repeat top;*margin-left:-5px; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src....
  • 主要介绍了CSS实现背景图片透明而文字不透明效果的两种方法,需要的朋友可以参考下
  • 背景透明css

    2017-06-08 11:00:00
    图片背景 透明度: img{filter:alpha(opacity=80);opacity:0.8} img { opacity:0.4; filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */ } IE9, Firefox, Chrome, Opera 和 Safari 使用属性...
  • 那么这篇文章将详细介绍了这几种背景图片的处理方法。 正如前面所说,仅仅依靠CSS现有的属性,我们无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果.为了实现这些效果,我们需要借助CSS的其他方法来实现...
  • CSS也可以非常简单的实现各种浏览器的兼容设置。我们先看下半透明蒙版的效果。没有盖蒙板的图片: 我们加上半透明蒙板后的效果。这个效果就是利用一个简单的半透明蒙板实现的,这里对于这个蒙版的透明度设置...
  • CSS实现背景图片透明和文字不透明效果

    万次阅读 多人点赞 2018-11-20 16:34:17
    项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px) .demo1{  width: 500px;  height: ...
  • 一、css实现背景图片透明,但是内容不透明 想要设置透明度,有两种办法opacity和rgba。但是呢直接使用这两种办法会导致背景图片和内容一起变成透明。所以得换一种思路。 法一: 该方法采用中间层的概念,在背景图和...
  • 项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px)CSS 代码.demo1{width: 500px;height: 300...
  • 先用PS做一个具有一定透明度的图片,保存为.png其它格式没试,另外不能保存为web和设备格式的文件,不然后显示不出来,在ccs中写完代码后会发现,在FF下才透明,在IE下并不透明,所以必须加上这段代码才可以:.turns...
  • 当给定的内容和div的高度一致就会垂直居中 7.background——img可以添加背景图片,后面可跟url()为网络图片内容 8.background-repeat设置背景图片不重复,给定no-repeat即可 9.background-position图片的位置,...
  • CSS 背景(background)+背景透明(CSS3)

    万次阅读 2019-06-06 11:21:56
    CSS 可以添加背景颜色和背景图片,以及来进行图片设置。 background-color 背景颜色 background-image 背景图片地址 background-repeat 是否平铺 background-position 背景位置 background-attachment...
  • CSS实现背景图片透明,文字不透明效果的两种方法 项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果:背景图 + 伪类 + flite...
  • 据说iOS6系统(iPhone5)增加了两个CSS3属性,一个是CSS3 filters – CSS3滤镜,在“CSS图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜;另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。 毕竟有IE滤镜这厮,...
  • 【前端】CSS实现背景图片透明和文字不透明效果

    万次阅读 多人点赞 2017-06-20 09:57:52
    项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px) .demo1{ width: 500px; height: ...
  • 据说iOS6系统(iPhone5)增加了两个CSS3属性,一个是CSS3 filters – CSS3滤镜,在“CSS图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜;另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。 毕竟有IE滤镜这厮,...
  • 主要介绍了纯css实现背景图片透明内容不透明的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

空空如也

空空如也

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

背景图片透明css