Ext.get（ 'myPanel'）。el.setOpacity（0.65）沒有在IE 8兼容模式

Question

工作，我正在嘗試設置不透明度的ExtJS（4.2.1）面板（id爲myPanel）爲Ext.get('myPanel').el.setOpacity(0.65)。它在firefox和chrome中工作正常，但在IE 8中不起作用。最終目標是使面板透明，以便用戶可以看穿它。可以在任何一個請幫我這個...

Answer 1

Finally..after打破我的頭作爲while..I想出了2個解決方案... 1）baseCls應用x-panel-ghost（這是在拖動過程中應用構建CSS一個ExtJS）或componentCls提供了透明度。但是所有extjs面板的其他默認css都會丟失，所以我們必須手動將它們寫出來。 2）最好的解決方案是將透明（通過photoshop或其他）的圖像設置爲背景圖像面板標題和正文並將其應用到該面板下面的CLS配置​​：

在面板： cls: 'transparency'，

在CSS文件：

.transparency .x-panel-header{ 
background: transparent url('../image.png') no-repeat center !important; 
} 

並且以相同的方式，對於身體也是如此。

希望這可以幫助別人......

Answer 2

分機將簡單的CSS屬性「不透明度」或Alpha透明度應用到HTML元素。在IE8中，這幾乎不受支持。

你可以使用，無論插件或破解，使IE 8與之兼容。

檢查http://css3pie.com/或http://modernizr.com/例如。

同時檢查http://www.electrictoolbox.com/opacity-internet-explorer-css3-pie-alpha-transparency/針對您的問題的一個例子，它是如何使用PIE

---

當你不想使用第三方插件解決了，你也可以試試這個：

添加以下規則處理自己財產的

/* IE8 */CSS的 - MS-過濾器： 「進程id：DXImageTransform.Microsoft.Alpha（不透明度= 50）」;

/* IE 5-7 */filter：alpha（opacity = 50）;你也可以使用Ext.get（'myPanel'）來做到這一點。

Ext.get('myPanel').el.setStyle('-ms-filter','progid:DXImageTransform.Microsoft.Alpha(Opacity=50)');