如何将图像放在 ASP.NET 页面中的嵌入 Flash 上 - z-index 没有帮助
我的 aspx 代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Building.Default" %>
<!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>Test Web Page</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="Scripts/bgstretcher.js" type="text/javascript"></script>
<link href="css/bgstretcher.css" rel="stylesheet" type="text/css" />
<link href="css/Default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="OuterDiv">
<div id="InnerDiv">
<div id="Content">
<div id="BMSFlashContainer">
<object id="BMSFlash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="281" height="375" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Flashes/BMS.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed name="BMSFlash" src="Flashes/BMS.swf" quality="high" bgcolor="#000000" width="281" height="375" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
和 css 代码：
body
{
position: relative;
background-color: #f1f1f1;
}
body, input, option, select
{
direction: rtl;
font-family: Tahoma, 'b yekan' , 'b homa' , 'Arial' , 'Verdana' , Sans-Serif;
font-size: 9pt;
margin: 0px;
padding: 0px;
color: white;
background: #a099ff url('../Images/back.jpg') no-repeat scroll left top;
}
a:link, a:visited
{
color: #0061B7;
}
a:hover, a:active
{
color: #1BB2FD;
}
a img
{
border: none;
}
.label
{
font-weight: bold;
}
div#OuterDiv
{
margin: 0px;
padding: 0px;
width: 100%;
}
div#InnerDiv
{
position: relative;
width: 900px;
height: 100%;
margin: 0 auto;
background: transparent url('../Images/Blue.png') repeat scroll left top;
}
#LiveContainer
{
position: fixed;
top: 0px;
left: 0px;
z-index:1000;
}
#imgLive
{
width: 200px;
}
#BMSFlashContainer
{
position:absolute;
top:0px;
left:0px;
border:3px solid red;
}
嵌入的 flash (BMSFlash) 始终位于 imgLive 图像 ->我该如何解决这个问题？
my aspx codes :
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Building.Default" %>
<!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>Test Web Page</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="Scripts/bgstretcher.js" type="text/javascript"></script>
<link href="css/bgstretcher.css" rel="stylesheet" type="text/css" />
<link href="css/Default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="OuterDiv">
<div id="InnerDiv">
<div id="Content">
<div id="BMSFlashContainer">
<object id="BMSFlash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="281" height="375" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Flashes/BMS.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed name="BMSFlash" src="Flashes/BMS.swf" quality="high" bgcolor="#000000" width="281" height="375" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
and css codes :
body
{
position: relative;
background-color: #f1f1f1;
}
body, input, option, select
{
direction: rtl;
font-family: Tahoma, 'b yekan' , 'b homa' , 'Arial' , 'Verdana' , Sans-Serif;
font-size: 9pt;
margin: 0px;
padding: 0px;
color: white;
background: #a099ff url('../Images/back.jpg') no-repeat scroll left top;
}
a:link, a:visited
{
color: #0061B7;
}
a:hover, a:active
{
color: #1BB2FD;
}
a img
{
border: none;
}
.label
{
font-weight: bold;
}
div#OuterDiv
{
margin: 0px;
padding: 0px;
width: 100%;
}
div#InnerDiv
{
position: relative;
width: 900px;
height: 100%;
margin: 0 auto;
background: transparent url('../Images/Blue.png') repeat scroll left top;
}
#LiveContainer
{
position: fixed;
top: 0px;
left: 0px;
z-index:1000;
}
#imgLive
{
width: 200px;
}
#BMSFlashContainer
{
position:absolute;
top:0px;
left:0px;
border:3px solid red;
}
that embeded flash (BMSFlash) Is always over imgLive Image -> how can i fix this issue?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
更改：
至：
Change:
To: