React Carousal渲染带有黑色背景的透明图像

Question

我有一个透明背景的div，当我使用https://www.npmjs.com/package/react-responsive-carousel时，它是用黑色背景渲染的。

如何修改CSS以删除黑色背景？

Answer 1

您应该像这样覆盖css：

<!-- add a outer class to parent div -->
<div className="carousel-outer">
   <Carousel  ...>
</div>

并将这些代码添加到css中，如下所示：

.carousel-outer .carousel .slide {
    background: none;
}

特别指定的css具有高于其他css的优先级。