我怎样才能让前后滑块后台

我之前买过jQuery插件后，我做了一个简单的WordPress主题。但很少有事情不行。我想让这个滑块作为我的背景，所以我制作了适合页面的滑块，但不适合。这是我的第一个问题。我怎样才能让前后滑块后台

我的第二个问题是重力形式做了一些奇怪的事情，它们阻塞了一些函数，但我会解决这个问题。

这里是代码：

CSS：

html { 
width: 100%; 
} 

body { 
background-color:#A6B8CC; 
margin: 0px!important; 
} 
.titlelogo { 
background-image:url(../images/sitelogo.png); 
background-repeat:no-repeat; 
margin-left:auto; 
margin-right:auto; 
padding-top:35px; 
margin-top:20px; 
margin-bottom:-5px; 
display:block; 
width:250px; 
height:98px; 
} 
#big_divider { 
margin-top:150px; 
} 

#example{ 
margin: auto; 
padding: 0px!important; 
} 

#example img { 
max-width: 100vw; 
max-height: 100vh; 
} 

#after { 
max-height: 100vh;  
max-width: 100vw; 
} 

ul { 
margin:0px!important; 
} 

#secondary { 
display: none; 
} 

ul, menu, dir { 
display: block; 
list-style-type: disc; 
-webkit-margin-before: 0em!important; 
-webkit-margin-after: 0em!important; 
-webkit-margin-start: 0px!important; 
-webkit-margin-end: 0px!important; 
-webkit-padding-start: 0px!important; 
} 

#ext_ext_after { 
margin: 0 auto; 
}

HTML：

<div id="example" class="beforeafter_slider shadow1"> 

      <ul>    

       <!-- THE 1. SLIDE --> 
       <li><img src="<?php bloginfo('template_url'); ?>/img/extralightgethaldus2.jpg" alt="<?php bloginfo('template_url'); ?>/img/withglassesgethaldus2.jpg"> 
         <div id="textbox_1" class="before"> 
          <div id="title_1b" class="fadeup">BEFORE</div> 
         </div> 

         <div id="textbox_1" class="after"> 
          <div id="title_1b" class="fadeup">AFTER</div> 
         </div> 

         <div id="textbox_snw"> 

          <div id="title" class="fadeup">Don't let the sun be your enemy!</div> 
          <div id="title2" class="fadeup">Do you consider yourself unique?<br>Your glasses should be as well.</div> 

          <div id="description" class="fadeup">We are soon lounching a new eyeware webshop<br>like you've never seen before across all Europe.<br><br> 
                   Right now we cannot say anithing else, but if you want<br> to be among the firs to be noticed what it's all about<br> 
                   leave your e-mail adress below and join our community.</div>  
         </div> 
       </li> 
      </ul> 


     </div>

这里是链接：http://svinaweb.hr/gethaldus-lp/

来源

2014-06-29 user3737026

股利并不总是适合每个人的屏幕所以克服这个问题，将CSS样式改为下面这个可能是个好主意...

#example img { 
width: 100%; 
height: auto; 
overflow: hidden; 
}

请评论回来，如果你需要更多的帮助，或者这是不是你在找什么。

来源

2014-06-29 21:50:18

非常感谢。我不得不改变它，因为我的叠加img在另一个div（由脚本生成）中，所以100％的时候它会在移动水平线时收缩，所以我将它改为100vw。但隐藏溢出解决了这个问题。这是一个新手的错误，对不起。但是，谢谢，你帮了太多。 – user3737026

@ user3737026乐意提供帮助 –

我怎样才能让前后滑块后台

回答

相关问题