ExtJS4.0图片路径问题，图片没显示，应该放在Eclipse那个目录？（ext和html文件都包放在项目WebRoot下）
<HTML><HEAD><TITLE>自定义样式的进度条样式</TITLE><metahttp-equiv="Content-Type"content="text/htm...
<HTML>
<HEAD>
<TITLE>自定义样式的进度条样式</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css" />
<STYLE TYPE="text/css">
.custom .x-progress-inner {
height:17px;
background: #fff;
}
.custom .x-progress-bar {
height:15px;
background:transparent url(images/custom-bar-red.gif) repeat-x 0 0;
border-top:1px solid #BEBEBE;
border-bottom:1px solid #EFEFEF;
border-right:0;
}
</STYLE>
<script type="text/javascript" src=".ext-4.0/ext-all.js"></script>
<script type="text/javascript" src=".ext-4.0/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var ProgressBar = new Ext.ProgressBar({
width:300,//设定进度条的宽度
renderTo:'ProgressBar',
cls:'custom'//使用自定义样式
});
ProgressBar.wait({
duration:10000,//进度条持续更新10秒钟
interval:1000,//每1秒钟更新一次
increment:10//进度条分10次更新完毕
});
});
</script>
</HEAD>
<BODY STYLE="margin: 10px">
<div id='ProgressBar'></div>
</BODY>
</HTML>
background:transparent url(images/custom-bar-red.gif)图片在Eclipse那个目录位置？还是ext包里面有？ 展开
<HEAD>
<TITLE>自定义样式的进度条样式</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css" />
<STYLE TYPE="text/css">
.custom .x-progress-inner {
height:17px;
background: #fff;
}
.custom .x-progress-bar {
height:15px;
background:transparent url(images/custom-bar-red.gif) repeat-x 0 0;
border-top:1px solid #BEBEBE;
border-bottom:1px solid #EFEFEF;
border-right:0;
}
</STYLE>
<script type="text/javascript" src=".ext-4.0/ext-all.js"></script>
<script type="text/javascript" src=".ext-4.0/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var ProgressBar = new Ext.ProgressBar({
width:300,//设定进度条的宽度
renderTo:'ProgressBar',
cls:'custom'//使用自定义样式
});
ProgressBar.wait({
duration:10000,//进度条持续更新10秒钟
interval:1000,//每1秒钟更新一次
increment:10//进度条分10次更新完毕
});
});
</script>
</HEAD>
<BODY STYLE="margin: 10px">
<div id='ProgressBar'></div>
</BODY>
</HTML>
background:transparent url(images/custom-bar-red.gif)图片在Eclipse那个目录位置？还是ext包里面有？ 展开
2个回答
展开全部
你的.custom .x-progress-bar样式的内容应该有copy它原来的样式，但是因为你按照内联的方式来写css，所以里面的这个路径images/xxx就是不对的了。
方法一：改路径定位到extjs包里面的这张图片；
方法二：拷贝图片到你页面相对位置的路径
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
