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

这是我的网站：

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

.row

{
   max-width: 85%;


   background-color:#fff;

   opacity:0.95;

   filter:alpha(opacity=95)


}

它的工作很好，只是我不想不透明度适用于移动offcanvas菜单。我正在使用Zurb基金会。如果将浏览器调整为手机大小，则可以看到offcanvas菜单。向下滚动时，您可能会看到，内容会在粘滞条中滚动。我不希望这种情况发生长话短说只是这个非画布类，我想删除不透明度。可能吗

其次，需要将移动版的内容向下推一点，因为上面有一个粘条

提前感谢各位专家

在

行类

旁边添加1个

空白类（例如：removeOpacity）

。在css的底部或任何地方添加您的

媒体查询

，如下所示，具体取决于您想要的宽度

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

它将删除你的不透明度

---

用同样的方法添加

空白类

，你想把你的文本往下推一点。在

媒体查询的帮助下

为容器或分区添加填充或边距。

您应该查看媒体查询，它们让您选择屏幕大小改变时发生的情况。下面是一个快速示例：在css文件中，写入

@media all和（最大宽度：420px）{.row{opacity:1；}}

。最后一个问题是在屏幕低于421px时消除不透明度。关于第一个问题，请参阅@zertops；关于第二个问题，请使用媒体查询为较小的版面添加填充/边距。@Zeratops，谢谢lot@Zeratops你能帮我解决这个问题吗？当我启用offcanvas菜单时，页面中的所有链接都不可链接。我认为这与z-index有关，但不起作用。我刚刚检查了您的问题，但它似乎相当复杂，因为我无法访问确切的代码。我不认为这是一件有趣的事情，但是，当我在FireFox上检查代码检查器时，似乎复选框被启用了（我看到我的cusor变成了

指针

）。如果她不想添加任何其他类，

.removeOpacity

没有用，因为她只有

.row

类。使用媒体查询时，您仍然可以“覆盖”

.row

。您的解决方案需要动态添加

.removeOpacity

，并删除

.row

以产生效果。在她的页面上有多个

.row

类，她不会每次都删除

offcanvas菜单的
opacity
。仔细阅读她的问题。