仿windows 7透明效果灵感，透明菜单效果真的很爽

McROOTKITS · 发表于 2010-4-16 00:19:15

本帖最后由 McROOTKITS 于 2010-4-16 00:26 编辑

谁知道哪些库实现透明菜单效果比较好？
前几天看到一个：
http://www.visa-news.jp/visitjapan/sc/index.html自己做了一个，不是很理想，还想继续努力，希望大家多多指导：

http://abeihai.com/

但 FireFox 3.5+ 已不再支持 -moz-opacity

在https://developer.mozilla.org/En/CSS:-moz-opacity里说得很清楚了：
Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.
现在都要改用opacity这个属性。

于是要设置一下透明度为60%的DIV就应该这样写了：

div.transp { /* make the div translucent */
opacity: 0.6; /* Firefox, Safari(WebKit), Opera)
filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 4-7 */
zoom: 1; /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
}

复制代码

opacity这个是属于CSS3里面的东西了，属于CSS3的标准。然而微软IE8还不支持这一属性。

网易邮箱目前也是用-moz-opacity，因此当“清空垃圾邮件”时屏幕一片黑。

DIV背景半透明，DIV中的字不半透明

<body bgcolor="#336699">
<div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow">图层背景半透明，字体颜色也半透明</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">图层背景半透明，字体颜色不半透明</span></div>

复制代码

另外大家对做旅游网站有什么好意见，先谢谢各位！

bamako · 发表于 2010-4-16 02:37:50

一直很喜欢半透明的效果。不知道能不能加一个淡入淡出的效果，感觉会更和谐些

abc54288 · 发表于 2010-4-16 10:14:52

很好。不会用啊。

anbys · 发表于 2010-4-16 14:07:04

这个好，顶一下

maikongjian14a · 发表于 2010-4-16 15:51:25

看了效果挺好的也

cyxn · 发表于 2010-4-19 01:35:23

占个位置啊

huac · 发表于 2010-4-19 08:58:46

很好的啊，支持你了

846936319 · 发表于 2010-4-19 15:49:36

jQuery
好用简单

poiie · 发表于 2010-5-1 15:03:19

围观来看一哦.再过几天.

		自动登录	找回密码
密码			立即注册

[展示] 仿windows 7透明效果灵感，透明菜单效果真的很爽