PDA

View Full Version : [CLOSED] Problem opacity title panel IE



xeo4.it
Oct 08, 2012, 3:47 PM
Hi,
if I run attached sample in Ext.net v1 the title of panel "container" has corret opacity in IE 8, but if I run the same sample in Ext.net v2 the title of panel doesn't take opacity in IE 8.

Thank you

Jimmy



<%@ Page Language="C#" %>


<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>


<!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 runat="server">
<title></title>
</head>
<body style="background-color: Aqua">
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />


<ext:TabPanel ID="tabPnl" Plain="true" TabPosition="Top" runat="server" Border="false" Height="500">
<Items>
<ext:Panel ID="test" runat="server" Border="false" Title="pluto" Closable="true" X="0" Y="0" >
<Items>
<ext:Panel ID="container" Title="ciao" runat="server"
StyleSpec="opacity: 0.4; filter: alpha(opacity=40);" Height="70" Width="100" X="50" Y="50" Draggable="true"
BodyStyle="filter: alpha(opacity=40);" Border="true">
<Items>
<ext:Label ID="lbl" runat="server" Text="Test one" ></ext:Label>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</form>
</body>
</html>

Daniil
Oct 08, 2012, 7:28 PM
Hi Jimmy,

Confirm.

I can suggest the following solution. Please apply these things.

1. Remove the StyleSpec and BodyStyle settings of the Panel

2. Set this setting for the Panel.

Cls="my-panel"

3. Here is the "my-panel" class definition.

<style type="text/css">
.my-panel {
opacity: 0.4;
}

.x-ie8 .my-panel .x-panel-body, .x-ie8 .my-panel .x-panel-header {
filter: alpha(opacity=40);
}
</style>

xeo4.it
Oct 10, 2012, 3:23 PM
Hi Daniil,
ok, now it works.

Thank you

Jimmy