2014-09-06 118 views
-1

我在一个网站工作,我创建了一个箭头指向导航栏到有源部分中的底部:导航条带透明箭头指针

enter image description here

即导航栏被固定在顶,并且我有很多带有背景图片和内容的部分,我想让箭头对该内容透明编辑:(对于背景图片,您可以在导航栏下面看到)

我该怎么做?

谢谢! :)

+0

你可以通过www.jsfiddle.net分享我们的代码吗 – himanshu 2014-09-06 12:34:37

+0

设置背景或图像指针的CSS为'opacity:0.5;' – jagmitg 2014-09-06 12:37:18

+0

需要查看不透明度。 – Haris 2014-09-06 12:43:22

回答

0

如果您使用的图像为箭头,你可以把这个图像透明使用图像编辑软件,如Paint.NET(免费,http://getpaint.net

但你也可以使用CSS,并添加一些opacity到您的箭头(无论是图像或没有):

#arrowselector { 
    opacity: 0.5; 
} 

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

+0

我想让箭头对页面背景图像(不是导航栏)透明,我想看看箭头现在位于的背景图像。 – 2014-09-13 15:29:40

+1

你不能这样做,除了你将导航栏的背景图像(一个链接)悬停在一个有颜色的图像上,但是它的底部有这个箭头作为可用空间(如此透明),那么它可能会*工作... – hffmr 2014-09-13 17:01:37