Html/CSSを使用してスライダのバックラウンドからシャドウを削除するには？

Question

出典：http://www.salefee.com/ 上記のサイトのホームタブの背景を薄い青色に変更しました。しかし、私は極端な左と極端な右側から影を取り除くことができないので、両側で少し暗く見えるようになります。ホームタブに色が均等に見えるようにする方法はありますか？ ありがとうございました！

Answer 1

それは簡単です： 使用CSSファイルに次のコード：

修正しCSS：

.carousel-control.left, 
.carousel-control.right 
{ 
backround-image:none !important; 
} 

なぜ影が現れた：あなたのスライダーは二つのリンクやタグを持っているので、私は彼らのCSS（bootstrap.min.css）をチェックするとき 影は、登場している、私は背景画像がそれらに適用されたことを見ました。この効果を引き起こし

<a class="left carousel-control" data-slide="next" href="#slideshow-carousel-1"> 
<a class="right carousel-control" data-slide="next" href="#slideshow-carousel-1"> 

のCss：

これは影の効果を引き起こしているあなたの "bootstrap.min.css" コードの一部です。

.carousel-control.left 
{ 
    background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); 
} 
.carousel-control.right 
{ 
    background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); 
} 

上記のように、CSSがあなたのスライダーに影の効果を引き起こしていたことがわかります。これが役立つことを願っています。

Answer 2

このように試してみることができます。

CSS

.carousel-control.left, 
.carousel-control.right { 
    background-image: none; 
} 

その動作していないが、同様に重要な追加しようとすると、この

background-image: none !important;