Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > CSS only changes the background transparency, not the sub-element transparency_html/css_WEB-ITnose

CSS only changes the background transparency, not the sub-element transparency_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:56:07
Original
1360 people have browsed it

Generally, we can use the opcity attribute of CSS to change the transparency of an element, but the transparency of the sub-elements under the element will also be changed, and it is useless even if the sub-elements are redefined. , for example:

Html code

  3. Display text

  • The transparency of the text element will also be 0.4.

    So think about it, if there is a way to only change the transparency of the background, this problem can be solved.

    Method 1: Using a transparent picture as the background can achieve the effect, but is there an easier way?

    Method 2: Use RGBA.

    For example:

    Html code

    3. Display text
    ; 

    • Related labels：
    CSS只改变背景透明度，不改变子元素透明度
    source：php.cn
    Previous article：css3 dice (first introduction to transform)_html/css_WEB-ITnose Next article：Codeforces Round #273 (Div. 2)_html/css_WEB-ITnose
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Latest Articles by Author
    Latest Issues
    function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
    From 2024-04-29 11:01:01
    0
    3
    2041
    How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
    From 2024-04-23 00:22:19
    0
    11
    2200
    The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
    From 2024-04-19 15:37:47
    0
    1
    1855
    There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
    From 2024-04-18 23:52:34
    0
    1
    1745
    Where is the courseware about CSS mind mapping? Courseware
    From 2024-04-16 10:10:18
    0
    0
    1766
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template