<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<title>兼容ie8 placeholder border-radius box-shadow</title>
<style type="text/css">
#div{
width:400px;
height:400px;
margin-top:20px;
position: relative;
border:thin solid #b4b4b4;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 7px #b4b4b4;
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#004FAB));/*谷歌*/
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#BBE1F2,endColorStr=#0699DC); /*IE 6 7 8*/
background: -ms-linear-gradient(top, #BBE1F2, #0699DC); /* IE 10 */
background:-moz-linear-gradient(top,#BBE1F2,#0699DC);/*火狐*/
behavior:url(js/PIE.htc);
}
input{
width:300px;
}
</style>
<!--[if IE]>
<script src="/js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript" src="js/excanvas.compiled.js"></script>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
</head>
<body>
<input type="text" placeholder="请输入请输入请输入请输入请输入请输入"/>
<div id="div">ie8 支持box-shadow和border-radius属性，必须为div指定position和behaviour属性</div>
<script type="text/javascript" src="js/jquery.placeholder.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").placeholder(); //让ie8里面的标签支持placeholder属性
});
</script>
</body>
</html>
ie8兼容html5 css3圆角阴影渐变placeholder等属性
4星 · 超过85%的资源 需积分: 13 75 浏览量
2015-01-21
13:15:23
上传
评论
收藏 56KB RAR 举报 
html5.rar （8个子文件） 
html5 css 
canvas.html 1KB img js 
excanvas.compiled.js 11KB jquery.placeholder.min.js 2KB html5.js 3KB PIE.htc 40KB jquery-1.9.1.min.js 90KB border.html 2KB .project 1KB资源评论
qq11328723652015-04-10很有用的例子,
superSmallDargon2016-04-01没有什么用处
