3

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

http://jsfiddle.net/RcQTH/

<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>
4

1 回答 1

1

您必须将您的 div“add_links”溢出到 2 个单独的 div 中。一个用于黑色背景,另一个用于其顶部的链接。您不能将父 div 设置为 0.2 不透明度,并且它的子元素设置为大于 0.2 不透明度,它总是会从其父元素中获得更高的值。

于 2013-07-10T10:28:45.077 回答