我用PIE.js遇到了问题,为什么在设置有背景的DIV里显示不出来呢?
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css圆角阴影</title>
<link rel="stylesheet" type="text/css" href="../css/common/Base.css"/>
<style>
.box{ background-color:#fff; width:800px; height:500px; padding:20px;}
.nav { height:82px; width:200px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#FC3;-moz-box-shadow:0px 4px 5px #9C9C9C; -webkit-box-shadow:0px 4px 5px #9C9C9C; box-shadow:0px 4px 5px #9C9C9C; margin-bottom:50px;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/common/PIE.js"></script>
<script type="text/javascript">
(function($){
$.pie = function(name, v){
// 如果没有加载 PIE 则直接终止
if (! PIE) return false;
// 是否 jQuery 对象或者选择器名称
var obj = typeof name == 'object' ? name : $(name);
// 指定运行插件的 IE 浏览器版本
var version = 9;
// 未指定则默认使用 ie10 以下全兼容模式
if (typeof v != 'number' && v < 9) {
version = v;
}
// 可对指定的多个 jQuery 对象进行样式兼容
if ($.browser.msie && obj.size() > 0) {
if ($.browser.version*1 <= version*1) {
obj.each(function(){
PIE.attach(this);
});
}
}
}
})(jQuery);
$(function(){
$.pie('.for-ie6', 6);
var objs = $('.nav');
$.pie(objs, 9);
});
</script>
</head>
<body>
<div class="box">
<div id="nav" class="nav">在本地测试不出效果,需上传到服务器</div>
</div>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css圆角阴影</title>
<link rel="stylesheet" type="text/css" href="../css/common/Base.css"/>
<style>
.box{ background-color:#fff; width:800px; height:500px; padding:20px;}
.nav { height:82px; width:200px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#FC3;-moz-box-shadow:0px 4px 5px #9C9C9C; -webkit-box-shadow:0px 4px 5px #9C9C9C; box-shadow:0px 4px 5px #9C9C9C; margin-bottom:50px;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/common/PIE.js"></script>
<script type="text/javascript">
(function($){
$.pie = function(name, v){
// 如果没有加载 PIE 则直接终止
if (! PIE) return false;
// 是否 jQuery 对象或者选择器名称
var obj = typeof name == 'object' ? name : $(name);
// 指定运行插件的 IE 浏览器版本
var version = 9;
// 未指定则默认使用 ie10 以下全兼容模式
if (typeof v != 'number' && v < 9) {
version = v;
}
// 可对指定的多个 jQuery 对象进行样式兼容
if ($.browser.msie && obj.size() > 0) {
if ($.browser.version*1 <= version*1) {
obj.each(function(){
PIE.attach(this);
});
}
}
}
})(jQuery);
$(function(){
$.pie('.for-ie6', 6);
var objs = $('.nav');
$.pie(objs, 9);
});
</script>
</head>
<body>
<div class="box">
<div id="nav" class="nav">在本地测试不出效果,需上传到服务器</div>
</div>
</body>
</html> 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询