兼容ie9以下css3,hover和圆角(htc)

原创于 2016-12-06 13:35:58 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #ie 8 #htc

web前端专栏收录该内容

143 篇文章

订阅专栏

htc下载地址：ie8 发现不兼容背景色切换，但是字体颜色可以切换

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>htc</title>
    <style>

        .main {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            position: relative;
            cursor: pointer;
            z-index: 2;
            width: 100px;
            margin-left: 100px;
            behavior: url("htc/ie-css3.htc");
            background-color: #ccc;
        }
        .main:hover {
            color: #fff;
            background-color: red;

        }
    </style>
</head>
<body>
<div class="main">
    111111111111
</div>
</body>
</html>