div内的淡入淡出背景图片

时间:2018-10-31 12:10:31

标签: javascript jquery html css

我尝试了许多示例,但没有一个对我有好处。 我有一个类,其中将静态滑块包裹在一个图像背景中,其中包含一些文本;

<div class="parallax-wrapper parallax-bg-natale" data-stellar-background-ratio="0.3" > 
  <div class="parallax-wrapper padding-large">
   <div class="container">
    <div class="row">  
     <div class="col-md-6">
         some text
     </div
   </div>
 </div>

parallax-bg-natale是静态背景图像,我想在交叉淡入淡出图像中进行转换

我也尝试了cycle2插件,并且更改了放在parallx-wrapper padding-large上的代码:

<div id="gallery" class=" cycle-slideshow" data-cycle-slides="div"> 
  <div style="background-image:url(img/home/musica.jpg)"></div>
  <div style="background-image:url(img/home/shopping.jpg)"></div>
  <div style="background-image:url(img/home/spettacolo.jpg)"></div>

在CSS中创建ID画廊:

#gallery div { width: 100%; height: 100%; background-size:cover }

但是元素简直消失了 你能帮我吗?

0 个答案:

没有答案