如何仅为特定div或类删除不透明度

Question

这是我的网站：http://vani.valse.com.my/schone_lightings/index.php

我为类行设置透明度如下：

.row

{
   max-width: 85%;


   background-color:#fff;

   opacity:0.95;

   filter:alpha(opacity=95)


}

它工作正常，只是因为我不希望将不透明度应用于移动的扫描菜单。我一直在使用Zurb基金会。如果您将浏览器的大小调整为移动大小，则可以看到offcanvas菜单。向下滚动时，您可能会看到内容滚动到粘性条。我不希望这种情况发生长故事只是这个offcanvas类，我想删除不透明度。有可能吗？

其次，当粘性条覆盖它时，需要将移动版本的内容略微降低。

先谢谢专家!!!

Answer 1

在您blank class (ex: removeOpacity)所在的row class旁边添加1 offcanvas menu。在底部或任何地方的css中，根据您想要的宽度添加media queries，如下所示。

@media all and (max-width : 420px) { .removeOpacity { opacity : 1; } }

它将删除您的不透明度。

以同样的方式将blank class添加到您希望将文字略微降低的位置。并且在media queries的帮助下为该容器或div提供填充或边距。