bxslider，不能刪除掉dshadow

希望有人能幫助我！我有bxslider的工作，然後今天突然，我重新加載它，我的滑塊周圍的陰影和邊框出現，我不知道它爲什麼出現以及如何刪除。我想我有以下正確的代碼來解決它。如果有人能快速找我，請幫忙。bxslider，不能刪除掉dshadow

HTML：

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('.bxslider').bxSlider({ 
       mode: 'fade', 
       auto: 'true', 
       randomStart: 'true', 
       responsive: 'false', 
       controls: false, 
       pause: 3500 
      }); 
     }); 
    </script> 

<ul class="bxslider" id="banner_slider"> 
    <li><%= image_tag "banner.png", alt: "Banner", :class => "banner" %></li> 
</ul>

CSS：

.bx-wrapper .bx-viewport { 
    -moz-box-shadow: 0; 
    -webkit-box-shadow: 0; 
    box-shadow: 0 0 0 0; 
    border: 0; 
    background: #fff; 
} 

ul.bxslider{ 
    margin: 0; 
    padding: 0; 
}

同樣，我擁有了一切工作之前（沒有陰影和邊框），但是現在突然就出現的。希望有人能夠告訴我這是怎麼發生的，以及如何解決。非常感謝！

來源

2014-10-08 gitastic

試盒陰影任何屬性可能，而不是設置它爲0 – Richlewis 2014-10-08 07:02:55

哎richlewis - 感謝回覆。嘗試設置爲'沒有'，仍然是一樣的...任何其他的想法？ – gitastic 2014-10-08 07:10:26

評論該代碼段，'.bx-wrapper .bx-viewport {}' – Richlewis 2014-10-08 07:11:40

從我們的討論，你需要要麼找到bxslider樣式表（你有它的寶石），或者更具體的用自己的CSS

舉個例子更具體一些，你可以做什麼像這樣（沒有確切的設置爲還沒有看到你的代碼）

原始代碼

.bx-wrapper .bx-viewport { 
-moz-box-shadow: 0; 
-webkit-box-shadow: 0; 
box-shadow: 0 0 0 0; 
border: 0; 
background: #fff; 
}

更具體

.bx-wrapper.bx-viewport { 
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow:none; 
border: 0; 
background: #fff;

}

或第二解決辦法是找到原始文件和註釋掉，涉及到的box-shadow

來源

2014-10-08 08:23:43 Richlewis

bxslider，不能刪除掉dshadow

回答

相關問題