html - 如何仅为特定的 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)


}

它工作正常，只是我不想为移动 Canvas 菜单应用不透明度。顺便说一句，我正在使用 Zurb 基金会。如果您将浏览器调整为移动尺寸，您可以看到 offcanvas 菜单。向下滚动时，您可能会看到内容在粘性栏中滚动。我不希望这种情况发生 长话短说，只是这个 offcanvas 类，我想删除不透明度。可能吗？

其次，需要将移动版的内容向下推一点，因为粘条会覆盖它。

在此先感谢专家!!!

Answer 1

在 行类 旁边添加 1 个 空白类(例如:removeOpacity)，您的 offcanvas 菜单 就在那里。并在底部或任何地方的 css 添加你的 media queries 如下取决于你想要的宽度。

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

它将消除您的不透明度。

并以同样的方式添加 blank class 您想要将文本向下推的位置。并在媒体查询的帮助下为该容器或 div 提供填充或边距。