Question

我在一个网站工作，我创建了一个导航栏，箭头指向底部的活动部分：

enter image description here

导航栏固定在顶部，我有很多带有背景图片和内容的部分，我想让箭头对该内容透明编辑:(到背景图片，你可以在下面看到导航栏）。

我怎么能这样做？

谢谢！：）

Answer 1

如果您正在使用该箭头的图像，您可以使用Paint.NET等图像编辑软件使这个图像透明（免费，http://getpaint.net）

但您也可以使用CSS并在箭头上添加一些opacity（无论是否是图像）：

#arrowselector {
  opacity: 0.5;
}

这会使你的箭头半透明。使用从0.0（不可见）到1.0（完全可见）的值。不透明度设置可用于所有现代浏览器。（更多信息http://caniuse.com/#search=opacity）

Answer 2

我想这就是你所需要的（SCSS + jQuery）。 Navigation bar with transparent arrow pointer

window.open('https://codepen.io/RetroCIB/pen/Exgevxw', 'Navigation bar with transparent arrow pointer');