用css实现的悬浮代码

演示见俺博客header,今天找wordpress插件的时候看到的一个东西

发上来需要的人拿走。

css内容,不用多说了吧,呵呵
定位部分视自己需要改,我的用的具体数值。

#subheader{
background:url(images/top_sub.gif) no-repeat 0 0;
color:#fff;font:bolder small/1.4em Verdana, sans-serif;
left:38%;
position:fixed; /*其实就是这句话起作用,不支持ie6*/
text-align:right;
top:6px;width:745px;
z-index:10;margin:0 41px 0 -382px;
padding:2px 20px 2px 0;
}
* html #subheader{
background:transparent;
position:absolute;
}
#subheader a,#subheader a:link,#subheader a:visited{
border-bottom:0 !important;
color:#fff;
text-decoration:none
}

此代码发现于http://www.blog.mediaprojekte.de/wordpress-widgets-plugins

《用css实现的悬浮代码》有2个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注