Question

我在Jquery幻灯片上放置了一个图像并且它工作正常，但我希望图像对于带下划线的幻灯片放映是半透明的，我还打算在同一幻灯片放映的下方放置一个下拉菜单，这也应该是半transperent到同一.... 请帮助我........................

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

Answer 1

你总是可以使用jQuery淡出透明度。

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

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

Answer 2

您可以使用css

设置元素的不透明度

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

如何使图像对幻灯片放映图像透明

2 个答案: