2008-02-22

CSS模仿IE警告信息栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>51du.cn-代码演示专用页面</title>
<style type="text/css">
body {
        margin: 0 !important;
        padding: 0 !important;
}
/* A fake IE information bar */
#infobar {
        font: message-box;
}
/* Please adjust the values if the infobar is not looking good */
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
        display: block;
        float: left;
        clear: both;
        width: 100%;
        color: InfoText;
        background: InfoBackground url(http://www.51du.cn/img/warning.gif) no-repeat fixed .3em .3em;
        padding: .45em .3em .45em 2em;
        border-bottom: .16em outset;
        text-decoration: none;
        cursor: default;
}
#infobar a:hover {
        color: HighlightText;
        background: Highlight url(http://www.51du.cn/img/warning2.gif) no-repeat fixed .3em .3em;
}
/* A fake viewplot for IE information bar */
#viewplot {
        width: 100%;
        height: expression(this.parentNode.offsetHeight - this.offsetTop);
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 1em;   /* Please set this to the value as that of your <body> */
}
</style>
</head>
<body>
<div id="infobar" align=center><a rel="nofollow" href="http://www.51du.cn/">欢迎访问独来读网的BLOG</a></div>
</body>
</html>
 
评论
zfms
搜索本博客
存档
最新评论