Question

我想更改背景图片的不透明度但不是该图像的内容。任何人都可以建议如何使用CSS过渡。

<div class="gd_col">
    <div class="rat" id="clth">
        <!--<a class="nav_list">-->
        <div class="title_box">
            CLOTHING
            <span class="arrow_click"></span>
        </div>
        <div class="content_x">
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTM134e2axCCV2ugnDbtDyGIQcY2RTlYnU_6-skesMXm8CMIw5e" />
        </div>
        <!--</a>-->  </div>
    <div class="add_links" id="al_1">
        <ul>
            <li><a href="#">For Men</a></li>
            <li><a href="#">For Women</a></li>
            <li><a href="#">For Kids</a></li>
            <li><a href="#">Featured Deals</a></li>
            <li class="view_all"><a href="#" class="view_all_links">View All&nbsp»</a></li>
        </ul>
    </div>
</div>

Answer 1

您必须将div“add_links”分散到2个单独的div中。一个用于黑色背景，另一个用于链接在它上面。你不能将父div设置为.2不透明度，并且它的子元素要大于.2不透明度，它总是从它的父元素中获得更高的值。

改变背景图像的不透明度，但不改变其上的内容

1 个答案: