I am trying to make an ASP Menu with a transparent background such that it will display the graphics behind it. Currently that static part seems to have a transparent back-color, but the dynamic part keeps displaying a white back-color even when I went through each style option and set BackColor = "transparent" and BorderColor= "transparent" on each style in the properties box. I've tryed several changes, but to no avail. I even checked the fonts within then as well. White is not referenced anywhere! Any ideas why this could be happening?
Here is the current code:
CSS-file
body
{
background-color:Black;
}
div.header
{
width:800px;
height:150px;
background-color:Lime;
}
div.sitepath
{
width:100%;
height:20px;
background-color:Purple;
}
div.navbar
{
float:left;
width:175px;
background-color:Gray;
}
div.content
{
float:left;
width:auto;
height:auto;
background-color:Aqua;
}
div.footer
{
}ASP file:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="master.master.cs" Inherits="master" %>
<!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>Master Page</title>
<link href="master.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="MasterForm" runat="server">
<asp:SiteMapDataSource ID="SiteMapDataSource" runat="server" />
<div class ="header">
</div>
<div class ="sitepath">
<asp:SiteMapPath ID="SiteMapPath" runat="server"></asp:SiteMapPath>
</div>
<div class ="middle">
<div class ="navbar">
<asp:TreeView ID="TreeView" runat="server" DataSourceID="SiteMapDataSource"></asp:TreeView>
<br />
<br />
<asp:Menu ID="Menu" runat="server" DataSourceID="SiteMapDataSource" BackColor="Transparent" ForeColor="Black" BorderColor="Transparent" BorderStyle="None">
<DynamicHoverStyle ForeColor="Yellow" />
<DynamicMenuStyle BackColor="Transparent" BorderColor="Transparent" BorderStyle="None" />
<DynamicSelectedStyle ForeColor="Lime" />
<DynamicMenuItemStyle ForeColor="#C0C000"/>
<StaticMenuStyle BackColor="Transparent" BorderColor="Transparent" BorderStyle="None" />
<StaticMenuItemStyle BackColor="Transparent" BorderColor="Transparent" ForeColor="#C0C000"/>
</asp:Menu>
<br />
<br />
<br />
<br />
<br />
abdefg<br />
,<br />
</div>
<div class ="content">
<asp:contentplaceholder id="MainContent" runat="server"></asp:contentplaceholder>
</div>
</div>
<div class ="footer">
</div>
</form>
</body>
</html>