|
|
|
|
找到的教程代码是这样的:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 220px; HEIGHT: 32px}
字串2
教程还说gray()中可以加上自己喜欢的颜色代码,改变颜色,其实是错的。gray是一个让对象变成灰色的参数,在这里,后面的括号有没有是没什么区别的,想到了改变播放器的颜色,我就试着用别的参数来设置,结果不得其法,只想到了三种方法,但是却是固定的,无法自定义颜色 字串7
第一种就是默认,不加任何参数,那就是默认的浅蓝色面板
第二种就是使用gray参数,那就是灰色的播放器面板
第三种就是使用invert参数,那就是默认的反相色面板,什么是反相呢?就是照片底片上的那种就是印刷出来的照片的反相,而照片也是底片的反相 字串4
关于这个渐变透明filter:alpha()当中的各参数可以参考链接:背景色的半透明设置
我在里面详细解释过 字串4
接着来解释
width:220px 这个是设置播放器显示的宽度,其实220px小了,我空间里设置了225px,正好大小
height:32px 这个是设置播放器显示的高度,32px正好
这整个的效果的原理其实就是把原来播放器的视频界面利用设置高度来把它推出了显示的空间,所以视频界面才看不到,如果我们把height设的大一点,就能看到视频界面的下面的部分了。。。
大家只要把代码添加在空白处就可以了 字串2
下面我把三种颜色的面板的示例贴出来
第一种默认:
代码:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 32px}
字串6

第二种gray参数:
代码:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) gray; WIDTH: 225px; HEIGHT: 32px}
字串4

第三种invert参数:
代码:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) invert; WIDTH: 225px; HEIGHT: 32px}

说一下,因为个人觉得这个透明度太高,有点夸张了,所以我空间的面板代码参数不在上面三种之中,考虑到可能有朋友想要我的效果,这里我把我的贴出来
代码:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=25, Style=2, StartX=20, StartY=100, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 32px}
字串7
另外强调下:代码设置的大小写没有关系,都是一样的 kancr.com