如何使图像对幻灯片图像透明答案

【问题标题】：how make an image transperent to a slide show image如何使图像对幻灯片图像透明
【发布时间】：2012-01-30 14:13:30
【问题描述】：

我在 Jquery 幻灯片上放置了一个图像，它工作正常，但我希望图像对于带下划线的幻灯片是半透明的，我还计划在同一个幻灯片的上方放置一个下拉菜单，它也应该是半透明的对相同的透明...... 请帮我做同样的事情............

<div id="slideshow">




        <img src="imag/slider-1.jpg" alt="" class="active" height="100%" width="100%"/>
        <img src="imag/slider-2.jpg" alt="" height="100%" width="100%" />
        <img src="imag/slider-3.jpg" alt=""  height="100%" width="100%" />
        <img src="imag/slider-4.jpg" alt=""  height="100%" width="100%" />
        <%--<img src="imag/slider-5.jpg" alt=""  height="100%" width="100%" />
    --%>
    <br />
       <div class="logo">
       <img src="imag/small1.png" alt="" height="100%" width="100% " />

        </div>



    </div>

【问题讨论】：

标签： jquery asp.net css

【解决方案1】：

您总是可以使用 jQuery 淡化到透明度。

http://api.jquery.com/fadeTo/

.fadeTo('slow', 0.5, function() {
  // Animation complete.
});

【讨论】：

【解决方案2】：

您可以使用 css 设置元素的不透明度

div.logo { opacity: .1; } /* set to 10% opacity */

【讨论】：