精华内容
下载资源
问答
  • css设置图片背景透明度
    千次阅读
    2021-06-12 02:59:26

    我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的CSS了。这是一个CSS滤镜达到的效果,应用十分广泛。

    .modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto

    !important;width:100%}

    注:

    代码应用的式CSS中的Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:

    {filter:alpha(opacity=#opacity,finishopacity=#finishopacity,

    style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}

    具体参数含义如下:

    “opacity”表示透明度调节,范围在0-100,0表示完全透明,100表示完全不透明。

    “finishopacity” 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到

    100。

    “style” 指定透明区域的形状特征:0 代表统一形状,1

    代表线形,2 代表放射状,3 代表矩形

    “startx” 渐变透明效果开始处的 X坐标。

    “starty” 渐变透明效果开始处的 Y坐标。

    “finishx” 渐变透明效果结束处的 X坐标。

    “finishy” 渐变透明效果结束处的 Y坐标。

    以上的参数可以选用,可以只设置一个opacity

    如果设置成下面代码,就表示背景式半透明的:

    {filter:alpha(opacity=50)}

    更多相关内容
  • 项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果: 背景图 + 伪类 + flite:blur(3px) .demo1{ width: 500px; height: 300...
  • 那么这篇文章将详细介绍了这几种背景图片的处理方法。 正如前面所说,仅仅依靠CSS现有的属性,我们无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果.为了实现这些效果,我们需要借助CSS的其他方法来实现...
  • HTML背景图片透明度设置

    万次阅读 2017-12-18 20:11:45
    html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> title>无标题文档title> style type="text/css"> .STYLE5 {color: #000000} ....
    <!DOCTYPE html>
    <html>
    <head>
        {% csrf_token %}
        {% load staticfiles %}
        {% load bootstrap3 %}
        {% bootstrap_css %}
        {% bootstrap_javascript %}

        <title>movie</title>
        <style type="text/css">
            .bodystyle{
            filter:alpha(opacity=20);  
            -moz-opacity:0.2;  
            -khtml-opacity: 0.2;  
            opacity: 0.4;
            height:100%;
            width:100%;
            position:absolute;
            }

            body{text-align:center}
            h1{text-align:center;}
        </style>
    </head>
    <body>
        <div class="bodystyle">

        <img src="{% static "images/3.jpg" %}" width=100% height=100%></div>

        <div style="position:absolute;">

         <h1>The movie space</h1>
        <div >
            <video src="/static/movie/movie.ogg"  width="720px" height="540px" controls="controls">
            Your browser does not support the video tag.
            </video>
        </div>

        </div>
      
    </body>
    </html>
    展开全文
  • div设置背景图片透明度且字不透明,div设置背景图片透明度且字不透明
  • HTML怎么设置背景颜色透明度

    千次阅读 2021-06-13 04:57:47
    回答: 你先找个皮肤之后在用用photoshop制作空间大图模块 Photoshop最大的优势就是强大的图片处理功能。... 一、截取背景图片:通过装扮空间设置好你的空间皮肤以后,就可以截取空间背景图片了。 没有抓图软件...

    回答: 你先找个皮肤之后在用用photoshop制作空间大图模块 Photoshop最大的优势就是强大的图片处理功能。因此我们利用它处理主页的皮肤,通过在皮肤上融图和添加个性图像,来制作浑然一体的个性空间。 下面,我根据自己做的一幅空间大图来详细讲解制作步骤。没有安装photoshop的朋友可以先下载。 一、截取背景图片:通过装扮空间设置好你的空间皮肤以后,就可以截取空间背景图片了。 没有抓图软件也没有关系,可以用QQ截图,效果也不错。 按住Ctrl+Alt+A,截取空间皮肤,截图宽度在700—720之间,高度自定。图截好后保存为JPEG文件,为了讲解方便,我们给这个文件命名为空间大图。 二、制图: 1熟悉photoshop工具栏 2 2、打开photoshop,点文件—打开,找到空间大图,打开。双击背景,把背景转化为图层。3、打开已经选好的素材图片。用鼠标点住素材图,点工具栏中的选择工具,把它拉到背景图片上。(下面就把这张被拉进来的图片所在层称为图层2)。也可以把素材图片全选,复制。回到背景图片,再粘贴,图片就进去了。 4、CTRL+T,自由变换,按住shift键,拖动素材图片的边角,把图片调整到合适的大小。 5、在工具栏选择套索工具,使用多边形套索。选中图层2,沿着人物外缘勾画出形状。形状不要求特别精确。当然如果勾画得细致一些效果会更好。 6、点鼠标右键——“羽化” ,羽化数值设为15,可以依据图片状况和个人喜好所设。再点鼠标右键——选择反向,按“Delete”,删除。Ctrl+D,取消选择。如果边缘还太明显,可以“选择”——“重新选择”,“选择”——“羽化”,将羽化值调大,再次“Delete”。 7、用选择工具把图层2中的图片移动到合适的位置,如果大小不合适,可以用CTRL+T,自由变换,按住shift键,拖动素材图片的边角,重新调整图片大小。 8、选中图层2,在图层面板将混合模式改为“正片叠底”,混合模式可以设成其他,如:柔光、叠加等等,背景图片的颜色不同,设置的效果也是不一样的。透明度可以根据你的喜好进行设置。 、如果觉得梦幻效果还不是很好,那么再来点高斯模糊。选中图层2,再在菜单栏点“滤镜”——“模糊”——“高斯模糊” ,数值设为110、最后一步,用工具栏的自定义形状,添加上心形或其他什么东西。只要背景图片与Qzone的背景一致,那么,所添加的图片就仿佛融合在了Qzone的背景之上了。这一步我就不再做了,大家自由发挥吧

    采纳哦

    展开全文
  • 改变图片透明度.html

    千次阅读 2021-06-12 02:41:34
    改变图片透明度section{width:600px;height:300px;border:1px solid green;margin:100px auto;padding:10px;box-sizing: border-box;}ul{margin:0px;padding:0px;list-style: none;}ul{display: flex;justify-...
    改变图片的透明度

    section{

    width:600px;

    height:300px;

    border:1px solid green;

    margin:100px auto;

    padding:10px;

    box-sizing: border-box;

    }

    ul{

    margin:0px;

    padding:0px;

    list-style: none;

    }

    ul{

    display: flex;

    justify-content: space-between;

    }

    li{

    width:128px;

    height:128px;

    border:1px solid orange;

    opacity: 0.2;

    }

    li:hover{

    opacity:1;

    }

    一键复制

    编辑

    Web IDE

    原始数据

    按行查看

    历史

    展开全文
  • 背景图片透明度如何设置(CSS)

    千次阅读 2021-06-11 12:51:12
    满意答案xiayuwap推荐于 2017.12.15采纳率:51%等级:8已帮助:959人可以设置啊,如图:常见的失败做法最常见的做法...还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。正确Action:登陆bod...
  • Html 层级 透明度 背景图片

    千次阅读 2019-01-23 16:01:08
     * - 如果背景图片小于元素大小,则会默认将背景图片平铺以充满元素  *   * 可以同时为一个元素指定背景颜色和背景图片,  * 这样背景颜色将会作为背景图片的底色  * 一般情况下设置背景图片时都会同时...
  • 最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧。 效果展示 半透明 不透明 常见的失败做法 最常见的做法事设置元素的opacity,这种设置出来的效果就是内容...
  • css设置背景透明度的方法是什么

    千次阅读 2021-06-13 08:04:56
    css设置背景透明度的方法是什么发布时间:2020-09-01 15:43:28来源:亿速云阅读:83作者:小新这篇文章将为大家详细讲解有关css设置背景透明度的方法是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家...
  • 图片背景透明不是为了酷,而是实际开发工作的需要。在web开发中,经常在网页上添加图片,如果图片背景与网页的背景不同,会非常难看。如果图片背景透明的,那么无论网页的背景是什么,图片背景是看不到...
  • 目录 ...许多小伙伴在做前端背景时,改变透明度时会让页面的其他内容都变得透明,或者直接使用了background这个标签,但是却无法将背景变得透明,出现这种情况,怎么办呢? 提示:以下是本篇文
  • 关于设置背景图片透明度html+css)

    万次阅读 多人点赞 2018-03-22 16:58:24
    2018.3.22设置背景图片透明度,而不是颜色这种,是图片显示这个就跟某些博客能够换背景图片当主题一样的道理,看了好久终于搞清楚了&lt;body&gt;里面是不能直接设置图片的透明度的需要借助&lt;div&...
  • 如何使用CSS实现背景图像透明

    千次阅读 2021-06-13 15:13:19
    CSS实现背景图像透明需要用到的属性是opacity属性,但是在有文字的情况下,为了防止文字透明我们需要将元素分开。CSS中实现背景图像透明的属性是opacity属性,但是,如果你使用它来创建带有文本的内容的话,你就会...
  • HTML文件代码 <!DOCTYPE html> <html> <head> <head> <body "> <div id="Layer1" style="position:fixed; left:0px; top:0px; width:100%; height:100%"> <img src=...
  • web中html+CSS修改背景图片的不透明度

    千次阅读 2020-05-04 21:37:15
    在web的开发中,要增加一张背景图片,但是图片不透明度太高看着很不舒服,所以有必要降低图片不透明度。但是在body中增加一张背景图片后,不能直接的修改图片不透明度。用div包裹body内容修改的不透明度是整一个div...
  • /*设置透明度,针对 IE8 以及更早的版本。IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小,越透明。*/ position:absolute;/*这里要注意一下...
  • 透明度 背景

    千次阅读 2021-06-29 07:04:30
    1.透明背景apacity:0-1 透明 0.5半透明兼容IE filter:alpha(apacity-1-100) ;2.background-color:属性用来为元素设置背 景颜色。3.background-image:可以为元素指定背景 图片,和background-color类似,这不过...
  • 这些经常不用的css,透明设置不经常用,因为在做平面的时候是看不出来的。而且单词也比较难记的就很容易忘记,用过之后就忘记了。所以我写篇博客记录一下用的这段代码:图层半透明,图层上文字不透明:background:...
  • 原创:张荣国我们做网页,多数在css定义,说到背景色,一般大家都知道用:background或background-color加颜色码或颜色英文定义比如:背景色为黑色就是:background: #000000;background-color: #000000;background:...
  • html中如何设置背景背景颜色的透明度
  • 很多使用纯净版xp系统小伙伴不知道在word中设置图片透明度。下面爱纯净小编带来了具体的图文教程。word设置图片背景透明的图文教程:第一步:打开wps文字主界面,在工具栏中点击【插入】,展开项中选择【形状】--...
  • DOCTYPE html><html><head><meta charset="UTF-8"><title>课程表</title></head><body><div class="container"><table border="1" cellpadding="10"...
  • 透明背景图片怎么做?

    千次阅读 2021-06-13 13:22:17
    透明背景图片怎么做?手机端APP傲软抠图是一款专业的图片换背景软件,适用于Windows,安卓以及iOS系统。它提供人像识别,物品识别,以及图章、logo识别,这款App采用智能识别技术,随着识别的图片增多,抠图技术...
  • html,body设置背景透明

    千次阅读 2021-06-14 03:46:50
    html,body设置背景色透明今天在项目的改版中遇到一个问题,div设置的背景图片(蓝色的),其调用的iframe里面的白色背景挡住了div的背景,后来经查看原来是在样式里统一引用了html,body{background:#fff;}打开firefox...
  • 我想给整个页面做个半透明背景 HTML+CSS+JS 求教
  • 之前看到别人有用after伪元素来给图片添加透明度的写法,没有与hover相关联,于是我重新写了一下。用这种方法我们就可以用一张图片实现两种状态,减少资源的请求。 <style> div{ position: relative; width...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 51,786
精华内容 20,714
关键字:

html背景图片透明度