在国外网站上看到的一段代码～

涉及到层绝对定位，文字竖排，值得收藏！
<!--twitterBadge by neo22s-->
<style>.twitterBadge{ position:fixed;top:300px;right:0;width:30px;font-size:20px; font-family:Verdana, Geneva, sans-serif;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);background-color:#76AF4C;}
.twitterBadge  a{background-image:url("http://lab.neo22s.com/twitterBadge/twittbird.png");background-repeat:no-repeat;background-position:top right;text-decoration:none;background-color:#76AF4C;color:#EAF6E5;padding:0 35px 5px 10px;}</style>
<!--[if IE]><style>.twitterBadge {top:200px;writing-mode: tb-rl; filter: flipv fliph;}.twitterBadge a {background-image:url("http://lab.neo22s.com/twitterBadge/twittbird-ie.png");background-position:left;padding:7px 0 32px 0}</style><![endif]-->
<div class="twitterBadge">
 <a target="_blank" title="openclassifieds on Twitter" href="http://twitter.com/openclassifieds">Follow&nbsp;me</a>
</div>
<!--end twitterBadge-->
 

上一篇: javascript彩色文字变换效果
下一篇: 2009全世界网民人数按国家统计数据
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css
相关日志: