css - 如何去除幻灯片中的背景阴影？

Question

我为我的幻灯片上传了一个新的箭头图标，但它显示在一个灰色框中。我试图删除/隐藏带有背景的框：rgba(0,0,0,0.3); 但它完全删除了图像。

我想显示我的背景图像，并且只删除您可以在图片中看到的灰色框 - 关于如何删除图像周围的框/阴影的任何想法？

CSS

a.prev-slide:before { 
 background-image: url(http://example/wp-content/uploads/2020/06/example.png);
 background-position: 50% 50%; 
 background-repeat: no-repeat;
 content: '';}

在这里您可以查看我要删除的灰框/阴影

标签： css

Answer 1

我不确定您指的是哪个阴影，但如果您要删除阴影，您应该将其添加到图像类的 css 中。

box-shadow:none;

像这样

a.prev-slide:before { 
box-shadow:none;
background-image: url(http://example/wp-content/uploads/2020/06/example.png); 
background-position: 50% 50%; background-repeat: no-repeat; 
content: '';
}

如果这是正确的类，则在此处添加 box-shadow:none;。如果没有，您可能需要给我们更多的 CSS 才能解决它。