fa_karoon
شنبه 30 مهر 1390, 23:55 عصر
سلام دوستان من یک Div دارم که در آن یک منوی وبی قرار داده ام در زیر این منو یک Div قرار دارد که Position:absolute و z-index:10 است حال وقتی منو را باز می کنم قسمتی از منو که روی این Div می آید غیرقابل دسترس می شود یعنی وقتی روی آیتم های منو برویم قابل کلیک کردن نیستند برای روشن شدن موضوع کل کدهای صفحه مستر را می گذارم لطفا راهنمایی کنید برای حل این مشکل چه باید کرد؟
<%@ Master Language="VB" CodeFile="MainMaster.master.vb" Inherits="MainMaster" %>
<!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>Untitled Page</title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link href="Theme/RTL/Design.css" rel="stylesheet" type="text/css" runat="server" id="MyCss" />
<link href="CSS/layout.css" rel="Stylesheet" type="text/css" />
<link href="CSS/Static.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/jQuery_timers.js"></script>
<script type="text/javascript" src="js/homebanner.js"></script>
<script language="javascript" type="text/javascript">
function SetOpacity() {
if (navigator.appName=="Netscape")
document.getElementById("opacitydiv").style.MozOpacity=0.3;
else if (navigator.appName=="Microsoft Internet Explorer")
document.getElementById("opacitydiv").style.filter = 'alpha(opacity=30)';
}
</script>
</head>
<body onload="SetOpacity()">
<form id="form1" runat="server">
<asp:XmlDataSource ID="MenuXmlDataSource" runat="server" XPath="/Menu/Node" DataFile="~/Temp/Menu.xml">
</asp:XmlDataSource>
<div id="top">
<center>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><asp:HyperLink NavigateUrl="index.aspx" CssClass="current" Text="<%$ Resources:resource, indexResource1 %>" runat="server" /></li>
<li><asp:HyperLink NavigateUrl="index.aspx" id="AboutHyperLink" Text="<%$ Resources:resource, AboutResource1 %>" runat="server" /></li>
<li><asp:HyperLink NavigateUrl="index.aspx" id="ContactHyperLink" Text="<%$ Resources:resource, ContactResource1 %>" runat="server" /></li>
</ul>
<div id="lang">
<asp:LinkButton ID="LnkFa" runat="server" CommandArgument="fa"
OnCommand="LnkLang_Command" Font-Underline="False"><img alt="" src="Images/fa.png" /></asp:LinkButton>
<asp:LinkButton ID="LnkEn" runat="server" CommandArgument="en"
OnCommand="LnkLang_Command" Font-Underline="False"><img alt="" src="Images/en.png" /></asp:LinkButton>
</div>
<div id="search">
<table cellpadding="0" cellspacing="0" >
<tr>
<td>
<asp:ImageButton ID="SearchImageButton" runat="server"
ImageUrl="<%$ Resources:resource, imgSearch %>" />
</td>
<td style="background-color: #FFFFFF">
<asp:TextBox ID="SearchTextBox" runat="server" CssClass="TextBoxStyle" ></asp:TextBox>
</td>
<td style="width:1px; background-color:White;"></td>
</tr>
</table>
</div>
</div>
<div style="background-image: url('Images/Pixel.png'); background-repeat: repeat-x; width: 100%; height: 1px"></div>
<div id="menu" style="width:930px; direction:rtl; text-align:right; padding:10px;">
<asp:Menu ID="Menu1" runat="server" DataSourceID="MenuXmlDataSource"
ForeColor="#660066" Orientation="Horizontal" DynamicHorizontalOffset="-50"
StaticEnableDefaultPopOutImage="False">
<StaticMenuItemStyle Width="100px" />
<DynamicMenuStyle Width="160px" />
<DynamicMenuItemStyle ItemSpacing="2px" />
<DataBindings>
<asp:MenuItemBinding DataMember="Node" TextField="title" NavigateUrlField="url" />
</DataBindings>
</asp:Menu>
</div>
</center>
</div>
<div style="background-image: url('Images/Pixel.png'); background-repeat: repeat-x; width: 100%; height: 1px"></div>
<div id="Div1" class="Div1"
style="border: 1px solid #000000; z-index:10; position:absolute; background-color:#000000; width:100%; height:78px; left: -2px;">
</div>
<div id="site" style="position:relative;">
<div id="opacitydiv"
style="z-index:10; position:absolute; background-color:#000000; width:930px; direction:rtl; height:80px;">
</div>
<div style="width:930px; height: 350px;">
<div style="width:930px; height: 350px;"><img alt="" src="Images/Header2.jpg" style="width:930px; height: 350px;"/></div>
<div style="width:930px; height: 12px;">
</div>
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>
</form>
</body>
</html>
<%@ Master Language="VB" CodeFile="MainMaster.master.vb" Inherits="MainMaster" %>
<!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>Untitled Page</title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link href="Theme/RTL/Design.css" rel="stylesheet" type="text/css" runat="server" id="MyCss" />
<link href="CSS/layout.css" rel="Stylesheet" type="text/css" />
<link href="CSS/Static.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/jQuery_timers.js"></script>
<script type="text/javascript" src="js/homebanner.js"></script>
<script language="javascript" type="text/javascript">
function SetOpacity() {
if (navigator.appName=="Netscape")
document.getElementById("opacitydiv").style.MozOpacity=0.3;
else if (navigator.appName=="Microsoft Internet Explorer")
document.getElementById("opacitydiv").style.filter = 'alpha(opacity=30)';
}
</script>
</head>
<body onload="SetOpacity()">
<form id="form1" runat="server">
<asp:XmlDataSource ID="MenuXmlDataSource" runat="server" XPath="/Menu/Node" DataFile="~/Temp/Menu.xml">
</asp:XmlDataSource>
<div id="top">
<center>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><asp:HyperLink NavigateUrl="index.aspx" CssClass="current" Text="<%$ Resources:resource, indexResource1 %>" runat="server" /></li>
<li><asp:HyperLink NavigateUrl="index.aspx" id="AboutHyperLink" Text="<%$ Resources:resource, AboutResource1 %>" runat="server" /></li>
<li><asp:HyperLink NavigateUrl="index.aspx" id="ContactHyperLink" Text="<%$ Resources:resource, ContactResource1 %>" runat="server" /></li>
</ul>
<div id="lang">
<asp:LinkButton ID="LnkFa" runat="server" CommandArgument="fa"
OnCommand="LnkLang_Command" Font-Underline="False"><img alt="" src="Images/fa.png" /></asp:LinkButton>
<asp:LinkButton ID="LnkEn" runat="server" CommandArgument="en"
OnCommand="LnkLang_Command" Font-Underline="False"><img alt="" src="Images/en.png" /></asp:LinkButton>
</div>
<div id="search">
<table cellpadding="0" cellspacing="0" >
<tr>
<td>
<asp:ImageButton ID="SearchImageButton" runat="server"
ImageUrl="<%$ Resources:resource, imgSearch %>" />
</td>
<td style="background-color: #FFFFFF">
<asp:TextBox ID="SearchTextBox" runat="server" CssClass="TextBoxStyle" ></asp:TextBox>
</td>
<td style="width:1px; background-color:White;"></td>
</tr>
</table>
</div>
</div>
<div style="background-image: url('Images/Pixel.png'); background-repeat: repeat-x; width: 100%; height: 1px"></div>
<div id="menu" style="width:930px; direction:rtl; text-align:right; padding:10px;">
<asp:Menu ID="Menu1" runat="server" DataSourceID="MenuXmlDataSource"
ForeColor="#660066" Orientation="Horizontal" DynamicHorizontalOffset="-50"
StaticEnableDefaultPopOutImage="False">
<StaticMenuItemStyle Width="100px" />
<DynamicMenuStyle Width="160px" />
<DynamicMenuItemStyle ItemSpacing="2px" />
<DataBindings>
<asp:MenuItemBinding DataMember="Node" TextField="title" NavigateUrlField="url" />
</DataBindings>
</asp:Menu>
</div>
</center>
</div>
<div style="background-image: url('Images/Pixel.png'); background-repeat: repeat-x; width: 100%; height: 1px"></div>
<div id="Div1" class="Div1"
style="border: 1px solid #000000; z-index:10; position:absolute; background-color:#000000; width:100%; height:78px; left: -2px;">
</div>
<div id="site" style="position:relative;">
<div id="opacitydiv"
style="z-index:10; position:absolute; background-color:#000000; width:930px; direction:rtl; height:80px;">
</div>
<div style="width:930px; height: 350px;">
<div style="width:930px; height: 350px;"><img alt="" src="Images/Header2.jpg" style="width:930px; height: 350px;"/></div>
<div style="width:930px; height: 12px;">
</div>
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>
</form>
</body>
</html>