jquery.themepunch.tools.min.js:104无效的zIndex补间值:未定义

时间:2019-04-30 10:57:57

标签: angular slider

我在尝试解决此问题时遇到问题。当我以角度7更改路线时。不断抛出错误:jquery.themepunch.tools.min.js:104无效的zIndex补间值:未定义,我在控制台上无限地显示了

<div  id="rev_slider_7_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="slider-8" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
  <!-- START REVOLUTION SLIDER 5.2.6 fullwidth mode -->
  <div id="rev_slider_7_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.2.6">
    <ul>
      <!-- SLIDE  -->
      <li data-index="rs-14" data-transition="random-static,random-premium,random" data-slotamount="default,default,default,default"
        data-hideafterloop="0" data-hideslideonmobile="off" data-randomtransition="on" data-easein="default,default,default,default"
        data-easeout="default,default,default,default" data-masterspeed="default,default,default,default" data-thumb="assets/revolution/assets/slider-7/100x50_7-mainbg.jpg"
        data-rotate="0,0,0,0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3=""
        data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
        data-description="">
        <!-- MAIN IMAGE -->
        <img src="assets/revolution/assets/slider-7/7-mainbg.jpg" alt="" data-bgposition="center center" data-bgfit="cover"
          data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
        <!-- LAYERS -->

        <!-- LAYER NR. 1 -->
        <div class="tp-caption   tp-resizeme" id="slide-14-layer-9" data-x="20" data-y="bottom" data-voffset="-35"
          data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;"
          data-transform_in="y:bottom;s:1090;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="1080"
          data-responsive_offset="on" style="z-index: 5;"><img src="assets/revolution/assets/slider-7/salseman.png" alt=""
            data-ww="527px" data-hh="525px" data-no-retina> </div>

        <!-- LAYER NR. 2 -->
        <div class="tp-caption   tp-resizeme" id="slide-14-layer-10" data-x="600" data-y="190" data-width="['auto']"
          data-height="['auto']" data-transform_idle="o:1;" data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:960;e:Power2.easeInOut;"
          data-transform_out="opacity:0;s:300;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="1880"
          data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap; font-size: 48px; line-height: 60px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;text-transform:uppercase;">do
          you want<br>to buy / sell<br> new car ? </div>

        <!-- LAYER NR. 3 -->
        <div  class="tp-caption rev-btn button white" id="slide-14-layer-11" data-x="604" data-y="400"
          data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:0;e:Linear.easeNone;"
          data-style_hover="" data-transform_in="y:50px;opacity:0;s:860;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;"
          data-start="2460" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off"
          style="z-index: 7; white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 500;font-family:Roboto;text-transform:uppercase;padding:12px 35px 12px 35px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><a
            routerLink="/seller/login">Seller</a> </div>
        <!-- LAYER NR. 3 -->
        <div  class="tp-caption rev-btn button white" id="slide-14-layer-11" data-x="740" data-y="400"
          data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:0;e:Linear.easeNone;"
          data-style_hover="" data-transform_in="y:50px;opacity:0;s:860;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;"
          data-start="2460" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off"
          style="z-index: 7; white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 500;font-family:Roboto;text-transform:uppercase;padding:12px 35px 12px 35px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><a
            routerLink="/dealer/login">Dealer</a> </div>
      </li>
      <!-- SLIDE  -->
      <li data-index="rs-13" data-transition="random-static,random-premium,random" data-slotamount="default,default,default,default"
        data-hideafterloop="0" data-hideslideonmobile="off" data-randomtransition="on" data-easein="default,default,default,default"
        data-easeout="default,default,default,default" data-masterspeed="default,default,default,default" data-thumb="assets/revolution/assets/slider-7/100x50_road2.jpg"
        data-rotate="0,0,0,0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3=""
        data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
        data-description="">
        <!-- MAIN IMAGE -->
        <img src="assets/revolution/assets/slider-7/road2.jpg" alt="" data-bgposition="center center" data-bgfit="cover"
          data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
        <!-- LAYERS -->

        <!-- LAYER NR. 1 -->
        <div class="tp-caption   tp-resizeme" id="slide-13-layer-1" data-x="440" data-y="250" data-width="['none','none','none','none']"
          data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:-50px;opacity:0;s:1220;e:Power2.easeInOut;"
          data-transform_out="opacity:0;s:300;" data-start="760" data-responsive_offset="on" style="z-index: 5;"><img
            src="assets/revolution/assets/slider-7/motion-car2.png" alt="" data-ww="384px" data-hh="162px"
            data-no-retina> </div>

        <!-- LAYER NR. 2 -->
        <div class="tp-caption   tp-resizeme" id="slide-13-layer-3" data-x="570" data-y="362" data-width="['none','none','none','none']"
          data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="y:bottom;s:830;e:Power2.easeInOut;"
          data-transform_out="opacity:0;s:300;" data-start="1460" data-responsive_offset="on" style="z-index: 6;"><img
            src="assets/revolution/assets/slider-7/car-key.png" alt="" data-ww="207px" data-hh="136px" data-no-retina>
        </div>

        <!-- LAYER NR. 3 -->
        <div class="tp-caption   tp-resizeme" id="slide-13-layer-4" data-x="right" data-hoffset="740" data-y="bottom"
          data-voffset="" data-width="['none','none','none','none']" data-height="['none','none','none','none']"
          data-transform_idle="o:1;" data-transform_in="y:bottom;s:1130;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;"
          data-start="2140" data-responsive_offset="on" style="z-index: 7;"><img src="assets/revolution/assets/slider-7/hand-with-tab.png"
            alt="" data-ww="403px" data-hh="473px" data-no-retina> </div>

        <!-- LAYER NR. 4 -->
        <div class="tp-caption   tp-resizeme" id="slide-13-layer-5" data-x="right" data-hoffset="544" data-y="bottom"
          data-voffset="" data-width="['none','none','none','none']" data-height="['none','none','none','none']"
          data-transform_idle="o:1;" data-transform_in="y:bottom;s:930;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;"
          data-start="2860" data-responsive_offset="on" style="z-index: 8;"><img src="assets/revolution/assets/slider-7/right-hand.png"
            alt="" data-ww="269px" data-hh="306px" data-no-retina> </div>

        <!-- LAYER NR. 5 -->
        <div class="tp-caption   tp-resizeme" id="slide-13-layer-6" data-x="855" data-y="189" data-width="['auto']"
          data-height="['auto']" data-transform_idle="o:1;" data-transform_in="x:50px;opacity:0;s:630;e:Power2.easeInOut;"
          data-transform_out="opacity:0;s:300;" data-start="3500" data-splitin="none" data-splitout="none"
          data-responsive_offset="on" style="z-index: 9; white-space: nowrap; font-size: 48px; line-height: 60px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;text-transform:uppercase;">Easy,
          <br>faster<br>& friendly </div>

        <!-- LAYER NR. 6 -->
        <!--<div class="tp-caption rev-btn button white" 
       id="slide-13-layer-8" 
       data-x="862" 
       data-y="392" 
            data-width="['auto']"
      data-height="['auto']"
      data-transform_idle="o:1;"
        data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:0;e:Linear.easeNone;"
        data-style_hover=""

       data-transform_in="y:50px;opacity:0;s:700;e:Power2.easeInOut;" 
       data-transform_out="opacity:0;s:300;" 
      data-start="3910" 
      data-splitin="none" 
      data-splitout="none" 
      data-responsive_offset="on" 
      data-responsive="off"

      style="z-index: 10; white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 500; font-family:Roboto;text-transform:uppercase; outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">shopping now </div> -->
      </li>

    </ul>
    <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
  </div>
</div>

在控制台中,它继续显示错误

  

一段时间挂起浏览器后,无效的zIndex补间值

0 个答案:

没有答案