IE7和8中的CSS3和HTML5

Question

我正在設計的網頁上有bootstrap和HTML5元素（例如canvas）。 我的客戶要求我為IE瀏覽器提供支持。 我嘗試將CSS3PIE，html5shiv，responsejs和excanvas添加到我的項目中，但IE8仍未顯示正確的布局，邊框半徑和畫布元素也無法正常工作。

這是我的代碼：

<head>
    <title>Title</title>
    <!--[if lt IE 9]>

        <script src="js/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
        <!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script>
    <![endif]-->
    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/ie.css">
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">


</head>

我正在使用此要點中的代碼將PIE.htc應用於引導程序類： https ://gist.github.com/coliff/5618329（ie.css）

.img-circle{behavior:url(/scripts/PIE.htc)}
.img-rounded{behavior:url(/scripts/PIE.htc)}
.img-thumbnail{behavior:url(/scripts/PIE.htc)}
.table-bordered{behavior:url(/scripts/PIE.htc)}
select,textarea,input,code,pre,kbd,pre{behavior:url(/scripts/PIE.htc)}
.input-group-addon{behavior:url(/scripts/PIE.htc)}
.btn{behavior:url(/scripts/PIE.htc)}
.dropdown-menu{behavior:url(/scripts/PIE.htc)}
.form-control{behavior:url(/scripts/PIE.htc)}
.panel{behavior:url(/scripts/PIE.htc)}
.well{behavior:url(/scripts/PIE.htc)}
.nav-tabs > li > a{behavior:url(/scripts/PIE.htc)}
.nav-pills > li > a{behavior:url(/scripts/PIE.htc)}
.navbar{behavior:url(/scripts/PIE.htc)}
.navbar-nav > li > a{behavior:url(/scripts/PIE.htc)}
.navbar-toggle{behavior:url(/scripts/PIE.htc)}
.navbar-toggle .icon-bar{behavior:url(/scripts/PIE.htc)}
.breadcrumb{behavior:url(/scripts/PIE.htc)}
.pagination{behavior:url(/scripts/PIE.htc)}
.pager li > a,.pager li > span{behavior:url(/scripts/PIE.htc)}
.modal-content{behavior:url(/scripts/PIE.htc)}
.tooltip-inner{behavior:url(/scripts/PIE.htc)}
.popover{behavior:url(/scripts/PIE.htc)}
.popover-title{behavior:url(/scripts/PIE.htc)}
.alert{behavior:url(/scripts/PIE.htc)}
.thumbnail,.img-thumbnail{behavior:url(/scripts/PIE.htc)}
.label{behavior:url(/scripts/PIE.htc)}
.badge{behavior:url(/scripts/PIE.htc)}
.progress{behavior:url(/scripts/PIE.htc)}
.carousel-indicators li{behavior:url(/scripts/PIE.htc)}
.jumbotron{behavior:url(/scripts/PIE.htc)}

我也嘗試過使用絕對URL到PIE.htc文件。

但是javascript無法正常工作，css3的任何功能也沒有。 我在這里做錯什么了嗎？

Answer 1

舊IE的使用描述了css屬性。 您可以在CSS中使用它們。 對於某些屬性，例如Animation，Transitions和all ...，可以在屬性之前使用-ms- 。 例如：`element {transition：all 2s; -ms-transition：所有2s; }

希望對您有所幫助。

IE7和8中的CSS3和HTML5

問題描述

1 個解決方案

解決方案1
0 2014-11-23 13:55:48

IE7和8中的CSS3和HTML5

問題描述

1 個解決方案

解決方案1 0 2014-11-23 13:55:48

解決方案1
0 2014-11-23 13:55:48