日期:2014-05-16  浏览次数:20303 次

Ext.Panel 可以设置成半透明的吗
如题
给一个jsp页面设置一背景图片,但是Panel 把整个背景图片覆盖了。所以想知道怎样可以把Panel 设置成半透明的。有知道的指点下,多谢!
ext?js

------解决方案--------------------
<style>
 .alpha{opacity:.5;filter:alpha(opacity=50)}
</style>


配置

{
   title: 'Basic Panel',
   collapsible:true,
   width:400,
   html: html,
   cls :'alpha'
}
------解决方案--------------------
引用:
感谢回答问题。按你的方法,是可以把整个panel变淡。可是不是透明的,panel后面的图片依然看不到。我希望的是panel变透明,比如说绿色区域内后面的背景图片可以透出来。


这个很麻烦,因为ext的结构很复杂,你得找出所有的样式,将有设置白色背景的样式的css全部将背景色设置为transparent。

你试试直接将背景图片作为panel的背景
<style>
 .alpha{background:url(xxxx.jpg) no-repeat right top}
</style>