bootstrap輪播圖 兩側半透明陰影
阿新 • • 發佈:2017-05-12
class 搜索 cit spa 再看 0.00 line rst one
用bootstrap輪播圖:Carousel插件,圖片兩側影音實在礙眼,想去掉,首先發現有css裏由opacity: 0.5這個東西來控制,全部改成opacity: 0.0,發現指示箭頭也看不見了。
然後各種搜索,發現原來是應該這麽改:
.carousel-control.left { /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);*/ background-image:none; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#80000000‘, endColorstr=‘#00000000‘, GradientType=1); } .carousel-control.right { left: auto; right: 0; /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);*/ background-image:none; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#00000000‘, endColorstr=‘#80000000‘, GradientType=1); }
綠色是原來的css,被註釋掉了,加一條
background-image:none;
再看看,問題是不是已經完美解決了
bootstrap輪播圖 兩側半透明陰影