Question

来源：http://www.salefee.com/ 我已将上述网站的主页选项卡的背景更改为浅蓝色。但是我无法从极左侧和最右侧移除阴影，这使得它在任何一侧看起来都有点暗。有没有什么办法可以让家居标签上的每个颜色看起来都是同质的？在此先感谢!!

Answer 1

你可以这样试试。

CSS

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

如果它不起作用，请尝试添加像这样重要的

background-image: none !important;

Answer 2

很简单：在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是滑块上阴影效果的原因。希望这有帮助

如何使用Html / Css从滑块背景中删除阴影？

2 个答案: