如何删除幻灯片中的背景阴影?

时间:2020-06-11 09:48:38

标签: css

我为幻灯片放映上传了一个新的箭头图标,但该图标显示在灰色框中。我试图用背景移除/隐藏框: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: '';}

Here you can view the grey-box/shadow which I would like to remove

1 个答案:

答案 0 :(得分:0)

我不确定您指的是哪个阴影,但是如果要删除阴影,则应将其添加到图像类的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才能解决它。