精华内容
下载资源
问答
  • 我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的CSS了。这是一个CSS滤镜达到的效果,应用十分广泛。.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!...

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

    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

    可应用至任何控件
    1. View v = findViewById(R.id.content);//找到你要设透明背景的layout 的id
    2. v.getBackground().setAlpha(100);//0~255透明度值

    转自:http://www.eoeandroid.com/thread-24352-1-1.html
    展开全文
  • 关于设置背景图片透明度html+css)

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

    2018.3.22

    设置背景图片的透明度,而不是颜色这种,是图片显示

    这个就跟某些博客能够换背景图片当主题一样的道理,看了好久终于搞清楚了

    <body>里面是不能直接设置图片的透明度的

    需要借助<div>

    <style type="text/css">
    .bodystyle{
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;
    width:100%;
    position:absolute;
    background:url(图像/8.JPG) ; 
    background-attachment:fixed;
    }
    </style>

    需要在之前就写好,用类的方法表示。

    <body >
    <div class="bodystyle"></div>
    </body>

    然后在div中引用这个类,就可以实现图片透明度设置

    但是这样也有问题,如果中间有文本存在的话就会也变为透明字体,而且要当背景图片的话就需要将文本放入两个<div>中间

    所以需要在css中设置文本的字体透明度

    opacity: 1;

    即可

    展开全文
  • html中如何设置背景背景颜色的透明度
  • HTML文件代码 <!DOCTYPE html> <html> <head> <head> <body "> <div id="Layer1" style="position:fixed; left:0px; top:0px; width:100%; height:100%"> <img src=...
  • HTML背景颜色及透明度设置

    万次阅读 2017-07-10 16:51:35
    初学HTML,在学习的过程中偶然发现了背景颜色透明度设置方法挺有趣,顺便把颜色的设置方法复习总结一下 设置背景颜色有三种方法,分别是:sRGB,十六进制和颜色名; 十六进制: text RGB: text ...
  • 背景图片设置透明度而不改变内容

    千次阅读 2019-05-07 12:13:19
    那么如何实现只让背景图片透明呢? 方法一 弄一个透明的背景图片哈哈哈哈 方法二 把图片设置透明度(这是通过本地图片设置背景图片,详情参考设置背景图片),而整个div不设置 <view class='item'> <...
  • CSS设置背景透明度

    万次阅读 多人点赞 2018-04-16 09:05:53
    实现透明的css方法通常有以下3种方式,以下是不透明度都为80%的写法:css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8)IE...
  • 在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法。 在css中设置背景颜色透明的方法有两种...
  • 如何设置背景透明度

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

    千次阅读 2014-06-11 14:32:45
    通常我们通过div的style样式属性filter来设置div的背景透明样式。可根据alpha提供的如下参数进行组合控制: filter: Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity ...
  • body{ height:1000px; padding-bottom: 100px; position: relative; } body::after{ content:""; background: url(bg01.jpg) no-repeat; filter:blur(3px); top:0; left:0; bo...
  • 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...
  • 背景图片是 <body background="Background_1280x1024.jpg" ; > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &...
  • web中html+CSS修改背景图片的不透明度

    千次阅读 2020-05-04 21:37:15
    在web的开发中,要增加一张背景图片,但是图片不透明度太高看着很不舒服,所以有必要降低图片不透明度。但是在body中增加一张背景图片后,不能直接的修改图片不透明度。用div包裹body内容修改的不透明度是整一个div...
  • html设置背景图适应屏幕大小及透明度 <body style="background-image: url(../static/img/3.png);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: ...
  • div 背景颜色透明度设置

    千次阅读 2013-09-16 14:35:55
    div设置背景颜色透明度    通常我们通过div的style样式属性filter来设置div的背景透明样式。可根据alpha提供的如下参数进行组合控制 filter: Alpha ( enabled=bEnabled , style=...
  • Html 层级 透明度 背景图片

    千次阅读 2019-01-23 16:01:08
    * 如果定位元素的层级是一样,则下边的元素会盖住上边的  * 通过z-index属性可以用来设置元素的层级  * 可以为z-index指定一个正整数作为值,该值将会作为当前元素的层级  * 层级越高,越优先显示  *   ...
  • 1.通过rgba方式设置 例如: background:rgba(0,0,0,.5); 优点:可对任意颜色设置透明度 缺点:存在兼容性问题:针对IE9以下浏览器不兼容 2.通过backgroud和opacity设置 ...缺点:只针对于背景颜色设置透明度。 ...
  • HTML设置背景透明

    万次阅读 2018-03-03 21:54:54
    今天看视频最后作业是 设置一个盒子(div) 然后让背景透明 我当时就很单纯的用opacity:0.5;(0是全透明 1是完全不透明)然后发现 我的妈!!! 全部都透明了 我较劲脑子想出来的一首诗竟然也透明了!!!后来我就...
  • Openlayers地图背景透明度设置

    千次阅读 2018-07-10 18:03:19
    在实际开发中,为了美观,需要设置Openlayers中地图div中除了地图之外的地方的透明度,这个通过设置.ol-viewport的样式就可以完成。项目测试代码如下:&lt;!DOCTYPE html&gt; &lt;html&gt; &...
  • Qt中通过Qpixmap设置图片透明度

    千次阅读 2019-09-06 13:58:13
    最近看到美图秀秀的一些功能,可以手动设置图片透明度并显示在其它图片上,所以自己动手做了个小Demo,实际效果如下: (图片仅供参考使用) 可以看到拖动下方进度条,可以控制左上角图片透明度。 方法如下...
  • 背景透明度如何设置一个div的背景透明度 来源:互联网 作者:佚名 时间:12-31 16:55:48 【大 中小】 如何设置一个div的背景透明度,对于一些新手朋友有些陌生,接下来详细介绍实现方法,有需要了解的朋友可以...
  • HTML 使用CSS 设置透明度Opacity

    千次阅读 2016-06-29 19:04:20
    HTML 使用CSS 设置透明度Opacity HTML 使用CSS 设置透明度Opacity Html/Css标签透明度效果的实现,在html中,实现半透明背景,在HTML Div+Css编程中,为了实现版透明,通常有3中做法。 第一种是...
  • 给定了一张图片,用HTML5在图片的下方放置一行字(注意:字是在图片上的),而且字的背景透明的(注意:图片不是透明的,也不要透明)。最终效果是这样的:你可以清清楚楚看到在整张图片的下方有一行透明背景,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 48,177
精华内容 19,270
关键字:

html设置背景图片透明度