gpt4 book ai didi

javascript - IE7 和 8 中的 CSS3 和 HTML5

转载 作者:行者123 更新时间:2023-11-28 08:56:56 25 4
gpt4 key购买 nike

我正在设计的网页上有 bootstrap 和 HTML5 元素,例如 Canvas 。我的客户要求我提供对 IE 浏览器的支持。我尝试将 CSS3PIE、html5shiv、respondjs 和 excanvas 添加到我的元素中,但 IE8 仍然没有显示正确的布局,并且边框半径和 Canvas 元素也不起作用。

这是我的代码:

<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 应用于 Bootstrap 类:https://gist.github.com/coliff/5618329 (即.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)}

我还尝试使用 PIE.htc 文件的绝对 URL。

但 javascript 不工作,任何 css3 功能也不工作。我在这里做错了什么吗?

最佳答案

旧版 IE 使用废弃的 css 属性。您可以在您的 css 中使用它们。对于某些属性,例如 Animation 、 Transitions 和所有...您可以在属性之前使用 -ms- 。例如:`element { transition:all 2s; -ms-transition:all 2s;

希望对你有帮助。

关于javascript - IE7 和 8 中的 CSS3 和 HTML5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27088828/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com