社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > html教學 > CSS只改变背景透明度，不改变子元素透明度_html/css_WEB-ITnose

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

WBOY
發布： 2016-06-24 11:56:07
原創
1365 人瀏覽過

一般情况下，我们可以使用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
    2056
    google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
    來自於 2024-04-23 00:22:19
    0
    11
    2211
    子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
    來自於 2024-04-19 15:37:47
    0
    1
    1865
    父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
    來自於 2024-04-18 23:52:34
    0
    1
    1750
    關於CSS心智圖的課件在哪？ 課件
    來自於 2024-04-16 10:10:18
    0
    0
    1776
    相關專題
    更多>
    熱門推薦
    熱門教學
    更多>
    相關教學
    熱門推薦
    最新課程
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板