Forums (Obsolete)

Old Forums

Portal Engine Questions on portal engine and web parts.

Version 4.x > Portal Engine > drop down menu- IE7/8 transparent png not working

View modes:

Member

eagleag - 2/2/2011 2:15:08 AM

drop down menu- IE7/8 transparent png not working

Hi,
I'm using DROP DOWN MENU webpart, and I gave the drop down a class:

.subLevelCMSMenu{
background: transparent url("~/App_Themes/keloo/images/menuMain/mainMenu-dropDown-bg.png") no-repeat ;
width:178px;
}

All good in all browsers except IE7/8.
in IE the png has a white background. I tried using IE DEVELOPER TOOLS to pin point the white background but couldn't find where its coming from.

I went to webpart code:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="~/CMSWebParts/Navigation/cmsmenu.ascx.cs"
    Inherits="CMSWebParts_cmsmenu" %>
<cms:CMSMenu ID="menuElem" runat="server"  />

when I added: MenuControl-BackColor="Red" the white changed tored, so I tried MenuControl-BackColor="Transparent" but it didnt help.

Any idea how to fix issue?

THanks

Kentico Developer

kentico_ivanat - 2/14/2011 1:36:18 PM

RE:drop down menu- IE7/8 transparent png not working

Hi,

I tried to reproduce the issue on default Corporate site, I modified following part of default CorporateSite stylesheet and the image test.png (32b) was displayed correctly in both: Firefox and the IE 8 in vertical menu generated by the dropdown list webpart:


.verticalCMSMenuItem, .verticalCMSMenuItemMouseOver, .verticalCMSMenuItemMouseDown, 
.verticalCMSMenuHighlightedMenuItem, .verticalCMSMenuHighlightedMenuItemMouseOver, 
.verticalCMSMenuHighlightedMenuItemMouseDown, 
.verticalCMSMenuItemMouseUp, .verticalCMSMenuHighlightedMenuItemMouseUp
{
	height: 34px;
	font-size: 15px;
	padding: 0px 10px;
	background: transparent url(../App_Themes/CorporateSite/Images/test.png);
}


/*#Top menu styles/Vertical#*/
.verticalCMSMenu
{
/*	height: 34px;*/
	width: 110px;
	color: #ffffff;
	padding: 3px;
	background: transparent url(../App_Themes/CorporateSite/Images/test.png);

}

Only bold parts were changed in the original css stylesheet. Could you please try to add these lines into your stylesheet?

Best regards,
Ivana Tomanickova

Top