Javascript IE7和IE8中的CSS3和HTML5_Javascript_Html_Css_Internet Explorer_Canvas

Javascript IE7和IE8中的CSS3和HTML5

javascript html css internet-explorer canvas

Javascript IE7和IE8中的CSS3和HTML5,javascript,html,css,internet-explorer,canvas,Javascript,Html,Css,Internet Explorer,Canvas,我在设计的网页上有引导和HTML5元素，比如画布。我的客户要求我为IE浏览器提供支持。我尝试将CSS3PIE、html5shiv、respondjs和excanvas添加到我的项目中，但IE8仍然没有显示正确的布局，并且边框半径和画布元素也不起作用这是我的密码： <head> <title>Title</title> <!--[if lt IE 9]> <script src="js/html5shiv.

我在设计的网页上有引导和HTML5元素，比如画布。我的客户要求我为IE浏览器提供支持。我尝试将CSS3PIE、html5shiv、respondjs和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文件的绝对URL

但是javascript不起作用，css3的任何特性也不起作用。

我有什么地方做错了吗

旧IE使用去擦亮的css属性。您可以在css中使用它们。对于某些属性，例如动画、过渡和所有。。。您可以在属性之前使用

-ms-

。例如：`element{transition:all 2s；-ms transition:all 2s；}

我希望有帮助。

你真的需要关心IE7吗？！对于“IE浏览器”，除非另有说明，否则我会假设IE9+，并支付相当多的额外费用。@ThiefMaster我不太关心IE7，但我确实需要IE8IE的支持，需要11+才能处理；）@abhitalks我需要至少为IE8工作的画布和圆角

.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)}