社区
学习
工具库
AI工具
休闲
搜索
简体中文
首页 > web前端 > html教程 > CSS只改变背景透明度，不改变子元素透明度_html/css_WEB-ITnose

CSS只改变背景透明度，不改变子元素透明度_html/css_WEB-ITnose

WBOY
发布： 2016-06-24 11:56:07
原创
1380 人浏览过

一般情况下，我们可以使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即使对子元素重新定义也没有用，例如：

 

Html代码  

  1.   
  2.  
      
  3.   显示文字  
  4.  
  
    •   

     

    文字元素的透明度也会是0.4。

     

    于是想一想，如果有方法只改变背景的透明度就能解决此问题了。

     

    方法1：使用一张透明的图片做背景可以达成效果，但是有没有更简单的方法呢？

     

    方法2：使用RGBA。

     

    例如：

     

    Html代码  

    1.   
    2.    
        
    3.       显示文字  
    4.    
      
    •   

    相关标签：
    CSS只改变背景透明度，不改变子元素透明度
    来源：php.cn
    上一篇：css3骰子（transform初识）_html/css_WEB-ITnose 下一篇：Codeforces Round #273 (Div. 2)_html/css_WEB-ITnose
    本站声明
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    作者最新文章
    最新问题
    function_exists()无法判定自定义函数 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
    来自于 2024-04-29 11:01:01
    0
    3
    2441
    google 浏览器 手机版显示的怎么实现 老师您好，google 浏览器怎么变成手机版样式的？
    来自于 2024-04-23 00:22:19
    0
    11
    2573
    子窗口操作父窗口，输出没反应 前两句可执行，最后一句没法应
    来自于 2024-04-19 15:37:47
    0
    1
    2176
    父窗口没有输出 document.onclick = function(){ window.opener.document.write('我是子窗口的输出');                  ...
    来自于 2024-04-18 23:52:34
    0
    1
    2054
    关于CSS思维导图的课件在哪？ 课件
    来自于 2024-04-16 10:10:18
    0
    0
    2156
    相关专题
    更多>
    热门推荐
    热门教程
    更多>
    相关教程
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板