如何设置window或panel的背景图片
 |
fuyun
2008-11-08
只是想实现类似如下html代码的功能:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>日志浏览</title>
<style type="text/css">
<!--
a {text-decoration:none;}
a:link {color:#8B8987}
a:visited {color:#8B8987}
a:active {color:#8B8987}
body {
margin-top:40px;
margin-left: 250px;
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
font-size: 9pt;
font-family: MS UI Gothic;
color:#6992BC;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#BCBBBA;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
}
.KEISEN_A {
line-height: 150%;
border-bottom: #6992BC 1px solid;
}
-->
</style>
</head>
<body background="images/flo010.jpg" bgproperties="fixed" bgcolor="#FFFFFF"
style="border-right:#FFFFFF 0pt solid; border-top:#FFFFFF 0pt solid; border-left:#FFFFFF 0pt solid; border-bottom:#FFFFFF 0pt solid">
<center>
<div class='KEISEN_A'><h3>标题</h3></div>
<div class='KEISEN_A'>正文内容</div><br/>
</center>
</body>
</html>
主要要实现: 1、背景图片的添加； 2、样式的添加，样式包括body元素的样式、全局样式以及body里的内容显示样式等。 |
|
fuyun
2008-11-11
问题已解决,采用XTemplate和CSS结合的方法即可。不过最终的效果和纯HTML的效果有些出入，不能实现完全一样。另外，还有一点点的小功能还没找到解决方法，就是面板或窗口的左侧显示图片，右侧显示文字，其中中间部分可以共用。但现在的这种实现方式是文字全部填充在背景图片上。
|
 |
379548695
2008-11-13
怎么解决的楼上？
|
|
fuyun
2008-11-19
379548695 写道 怎么解决的楼上？
真不好意思~最近比较忙~好久没上来了~ 现在把我的解决方法贴在下面: this.htmlTemp = new Ext.XTemplate(
'<div class="bgimage"><center><div class="KEISEN_A"><h3>{title}</h3></div></center>',
'<div class="KEISEN_A">{content}</div>',
'<center><b>{access}</b></center></div>');
this.data = {
title:'十七岁时的记忆',
content:'需要添加的内容,可以用变量~',
access:'浏览 2 今日 2 最高日 2 发生在 2008-11-08<br/>上次访问时间 2008-11-08 21:31:35'
};
this.htmlTemp.overwrite(this.contentPanel.body, this.data);
另外,自己定义相关的样式就ok了~ 比如这里,添加背景图片的样式是bgimage，
.bgimage {
background:url(../images/FLO010.JPG ) no-repeat left top;
position:absolute;
height:400px;
}
|
