精华内容
下载资源
问答
  • 如何设置背景透明度

    千次阅读 2018-09-17 20:15:25
    设置背景透明度分为两种:一种背景为颜色设置的纯色背景;另一种是图片做背景。 【情况一】纯色背景 关键代码:background:rgba(R,G,B,A) RGB--------三原色(red,green,bule) A-------透明度 关于三原色最终...

    设置背景透明度分为两种:一种背景为颜色设置的纯色背景;另一种是图片做背景。

    【情况一】纯色背景

    关键代码:background:rgba(R,G,B,A)

    • RGB--------三原色(red,green,bule)
    • A-------透明度

    关于三原色最终成型的颜色,可以用画图软件进行参考。

    示例代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>示例代码一</title>
        <style>
            div { width:200px; height: 200px; }
        </style>
    </head>
    <body>
    <div style="background-color: green"></div>
    <hr>
    <div style="background-color:rgba(0,255,0,0.5)"></div>
    </body>
    </html>

    示例输出:


    【情况二】图片背景

    关键代码:filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.60;

    • filter:alpha(opacity=60); /*支持 IE 浏览器*/
    • -moz-opacity:0.60; /*支持 FireFox 浏览器*/
    • opacity:0.60; /*支持 Chrome, Opera, Safari 等浏览器*/

    示例代码一:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>示例代码二</title>
    </head>
    <body style="background-image: url('qinghua.jpg');background-repeat: no-repeat">
    </body>
    </html>

    示例输出一:

     示例代码二:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>示例代码二</title>
        <style>
            .book{
                width: 100%;
                filter:alpha(opacity=40);
                -moz-opacity: 0.4;
                opacity: 0.4;
                background: url("qinghua.jpg");
                background-repeat: no-repeat;
            }
        </style>
    </head>
    <body>
    <div class="book">
        <h1>我爱学习</h1>
        <h1>学习爱我</h1>
        <h1>沉迷学习</h1>
        <h1>无法自拔</h1>
    </div>
    </body>
    </html>

    示例输出二:

    注意:当针对图像背景修改透明度时,需结合div一起使用。 在背景图片颜色变淡的同时,背景上的文本字的颜色也会随之变淡。

    展开全文
  • html中如何设置背景背景颜色的透明度

    html中如何设置背景和背景颜色的透明度


           html中设置背景和背景颜色的透明度有两种方式:

           1.通过rgba方式设置

            例如: background:rgba(0,0,0,.5);

            优点:可对任意颜色设置透明度

            缺点:存在兼容性问题:针对IE9以下浏览器不兼容

           2.通过backgroud和opacity设置

            例如:background:#000000;

                       opacity:0.6;

            优点:兼容性好

            缺点:只针对于背景颜色设置透明度。


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

    2019-09-27 23:14:16
    设置背景透明用: background-color: rgba(0, 0, 0, 0.4); 虽然opacity:0.5;也可以设置背景透明,但是会影响整体;推荐使用rgba设置背景透明,只会在当前的内容内起作用 转载于:...

    设置背景透明用:

    background-color: rgba(0, 0, 0, 0.4);
     
    虽然opacity:0.5;也可以设置背景透明,但是会影响整体;推荐使用rgba设置背景透明,只会在当前的内容内起作用
     

    转载于:https://www.cnblogs.com/phermis/p/11395227.html

    展开全文
  • 我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的CSS了。...width:100%}注:代码应用的式CSS中的Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从...

    我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的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)}

    展开全文
  • HTML背景颜色及透明度设置

    万次阅读 2017-07-10 16:51:35
    初学HTML,在学习的过程中偶然发现了背景颜色透明度设置方法挺有趣,顺便把颜色的设置方法复习总结一下 设置背景颜色有三种方法,分别是:sRGB,十六进制和颜色名; 十六进制: text RGB: text ...
  • HTML文件代码 <!DOCTYPE html> <html> <head> <head> <body "> <div id="Layer1" style="position:fixed; left:0px; top:0px; width:100%; height:100%"> <img src=...
  • HTML设置背景透明

    万次阅读 2018-03-03 21:54:54
    今天看视频最后作业是 设置一个盒子(div) 然后让背景透明 我当时就很单纯的用opacity:0.5;(0是全透明 1是完全不透明)然后发现 我的妈!!! 全部都透明了 我较劲脑子想出来的一首诗竟然也透明了!!!后来我就...
  • 背景透明度如何设置一个div的背景透明度 来源:互联网 作者:佚名 时间:12-31 16:55:48 【大 中小】 如何设置一个div的背景透明度,对于一些新手朋友有些陌生,接下来详细介绍实现方法,有需要了解的朋友可以...
  • Openlayers地图背景透明度设置

    千次阅读 2018-07-10 18:03:19
    在实际开发中,为了美观,需要设置Openlayers中地图div中除了地图之外的地方的透明度,这个通过设置.ol-viewport的样式就可以完成。项目测试代码如下:&lt;!DOCTYPE html&gt; &lt;html&gt; &...
  • 满意答案xiayuwap推荐于 2017.12.15采纳率:51%等级:8已帮助:959人可以设置啊,如图:常见的失败做法最常见的做法...还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。正确Action:登陆bod...
  • 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} ....
  • 在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法。 在css中设置背景颜色透明的方法有两种...
  • html设置背景图适应屏幕大小及透明度 <body style="background-image: url(../static/img/3.png);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: ...
  • 关于设置背景图片的透明度html+css)

    万次阅读 多人点赞 2018-03-22 16:58:24
    2018.3.22设置背景图片的透明度,而不是颜色这种,是图片显示这个就跟某些博客能够换背景图片当主题一样的道理,看了好久终于搞清楚了&lt;body&gt;里面是不能直接设置图片的透明度的需要借助&lt;div&...
  • css 设置背景颜色透明度Introduction: 介绍: Opacity is a very key feature when it comes to the appearance of your images and texts and various other elements. One should be very wise to use opacity ...
  • 1.通过rgba方式设置 例如: background:rgba(0,0,0,.5); 优点:可对任意颜色设置透明度 缺点:存在兼容性问题:针对IE9以下浏览器不兼容 2.通过backgroud和opacity设置 ...缺点:只针对于背景颜色设置透明度。 ...
  • 关于div设置背景颜色透明度

    千次阅读 2014-06-11 14:32:45
    通常我们通过div的style样式属性filter来设置div的背景透明样式。可根据alpha提供的如下参数进行组合控制: filter: Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity ...
  • 大家都知道,目前有很多浏览器无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果。那么这篇文章将详细介绍了这几种背景图片的处理方法。 正如前面所说,仅仅依靠CSS现有的属性,我们无法实现背景裁切、...
  • HTML 使用CSS 设置透明度Opacity

    千次阅读 2016-06-29 19:04:20
    HTML 使用CSS 设置透明度Opacity HTML 使用CSS 设置透明度Opacity Html/Css标签透明度效果的实现,在html中,实现半透明背景,在HTML Div+Css编程中,为了实现版透明,通常有3中做法。 第一种是...
  • 背景图片设置透明度而不改变内容

    千次阅读 2019-05-07 12:13:19
    想到透明度自然就想到了css的opacity: 0.5;但是如果就这样设置的话,会...把图片设置透明度(这是通过本地图片设置背景图片,详情参考设置背景图片),而整个div不设置 <view class='item'> <image cla...
  • 设置背景图片透明度

    2010-12-06 11:17:00
    可应用至任何控件 1. View v = findViewById(R.id.content);//找到你要设透明背景的layout 的id 2....//0~255透明度值 <br />转自:http://www.eoeandroid.com/thread-24352-1-1.html
  • div 背景颜色透明度设置

    千次阅读 2013-09-16 14:35:55
    div设置背景颜色透明度    通常我们通过div的style样式属性filter来设置div的背景透明样式。可根据alpha提供的如下参数进行组合控制 filter: Alpha ( enabled=bEnabled , style=...
  • 我想给整个页面做个半透明背景 HTML+CSS+JS 求教
  • mui 设置背景透明

    千次阅读 2017-11-11 11:17:10
    mui 设置背景透明要注意两点,一个是打开或者创建时设置样式的背景色为透明,二是在body标签设置背景为透明 代码如下: 设置背景为透明: mui.openWindow({ url: "query-filter.html", id: "...
  • css设置遮罩层背景颜色透明度渐变

    千次阅读 2020-08-25 14:34:53
    css设置遮罩层背景颜色透明度渐变 css代码 background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
  • jQuery对li设置背景颜色和透明度

    千次阅读 2016-09-13 14:36:09
    在用jQuery对页面ul下的li进行mouseover和mouseleave设置背景颜色和透明度设置时,发现当mouseleave时,本身在li里面的字体颜色变淡了。 代码如下: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &...
  • VSCode 设置透明背景,解决透明度的问题但这个方法有点个确定,就是透明度的问题,照片透明度越高,那么字体的透明度也高,导致代码或者菜单选项看不清 网上找到的大多数教程都是使用这个方法 /*background start*...
  • 在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下: {filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 68,689
精华内容 27,475
关键字:

html设置背景透明度