CSS模仿IE警告信息栏_另类网页特效_网页特效集锦-网页特效代码

·网页特效集锦 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效集锦

推荐网页特效

推荐网页工具

您的位置：网页特效集锦 >> 另类网页特效 >> CSS模仿IE警告信息栏	查看此特效演示

CSS模仿IE警告信息栏

把如下代码复制到<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>

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

使用说明：<head></head>代码块中的"60em"为信息栏中文字离信息栏上边的距离、"40em"为信息栏中文字离信息栏下边的距离，可自行更改，更改这两处地方也就相应更改了信息栏的厚度，在<body></body>代码块中可更改信息栏中文字的内容和链接地址。

上一个特效：在线文本编辑器

返回列表

下一个特效：右键打开收藏夹