这是我的网站: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 类,我想删除不透明度。可能吗?
其次,需要将移动版的内容向下推一点,因为粘条会覆盖它。
在此先感谢专家!!!
最佳答案
在 行类
旁边添加 1 个 空白类(例如:removeOpacity)
,您的 offcanvas 菜单
就在那里。并在底部或任何地方的 css 添加你的 media queries
如下取决于你想要的宽度。
@media all and (max-width : 420px) { .removeOpacity { opacity : 1; } }
它将消除您的不透明度。
并以同样的方式添加 blank class
您想要将文本向下推的位置。并在媒体查询
的帮助下为该容器或 div 提供填充或边距。
关于html - 如何仅为特定的 div 或类删除不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27917384/