CSS模仿IE警告信息栏

『本文地址：http://v1.djasp.net/Static/zh/2010.stm 』

把如下代码复制到<body></body>之间

把如下代码复制到<head></head>之间

/* 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 no-repeat fixed .3em .3em;
        padding: .60em .3em .40em 2em;
        border-bottom: .16em outset;
        text-decoration: none;
        cursor: default;
}

#infobar a:hover {
        color: HighlightText;
        background: Highlight 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></head>代码块中的"60em"为信息栏中文字离信息栏上边的距离、"40em"为信息栏中文字离信息栏下边的距离，可自行更改，更改这两处地方也就相应更改了信息栏的厚度，在<body></body>代码块中可更改信息栏中文字的内容和链接地址。

对不起，资料整理中..

本文统计

上一篇：组合CLASS来完成网页布局风格
下一篇：选中数字放大的CSS效果
文章类别：重构教程
最后更新：2006-10-14 9:25:50
浏览次数：