Question

我需要帮助。 1）产品图片png在产品页面上不透明，但它们位于单个产品页面上。它们可以在堆叠的产品布局上使用，但不能在网格上使用。我们需要网格布局。您可以在主题设置中选择网格或堆叠布局。（新星主题） 2）也在flexslider上。这对我们来说也很重要，因为我们想要使用各种帧，我们需要透明度。我花了几天时间研究这个并找不到任何解决方案，我的脑袋充满了困惑。你能帮忙吗？

Answer 1

这是你的HTML：

<section class="product_images">
    <img src="http://images.cdn.bigcartel.com/bigcartel/product_images/141424843/max_h-300+max_w-300/traka2.png" class="fade_in" alt="Image of yellow melon. mellow">
</section>

<section>标记通过类product_image应用了背景颜色。这是该类的CSS：

#products_page .canvas.grid #products .product a .product_images {
    width: 100%;
    min-height: 100%;
    margin: 0;
    background: transparent;
    background: #efefef;
}

此CSS选择器显示在line 1471的{{1}}上。删除第二个背景声明theme.css，您看到的颜色将消失。在CSS中，如果稍后以相同的特异性重复规则，则将覆盖该规则。以下是learn more关于CSS，级联，特异性等的链接。

将您的background: #efefef;元素视为位于<img>元素之上。你的部分图像具有透明度，就像一个窗口，所以任何位于“下方”的东西都会显示出来。您的<section>元素具有浅灰色背景颜色，通过PNG的透明度显示。

Answer 2

使用Big Cartel系统实现这一目标的最佳方法是前往Customize Design＆gt;高级＆gt; CSS，并将其粘贴在最底层：

#products_page .canvas.grid #products .product a .product_images { 
    background:none; 
}

通过这种方式，您无需在编辑器中挖掘代码行进行修改，如果您改变主意，可以快速轻松地删除这3行。

产品图片，png，在某些页面上不透明，Nova主题，bigcartel

2 个答案: