مشکل با پوزیشن

M

Maryam.20

Member
سلام.
من دوتا تگ دارم که توی اولی یه فایل فلش دارم و دومی هم قراره روی تگ اول قراربگیره. به تگ اول(شامل فایل فلش):
position:static
و به تگ دوم که قراره رو بیاد:
position:absolute; z-index:1000;
اعمال شده. زمانی که تگ رویی دارای رنگ بکگرانده و حالت عادی داره همه چیز مرتبه اما مشکل از زمانی شروع میشه بکگراند عکس میدم یا اینکه اوپسیتی شو کم میکنم!!! در این مواقع اصلا نمایش داده نمیشه.
برای تست هم فایل فلشو برمیدارم و همه چیز مرتب و درست کار میکنه، با بودن فلشم هم فقط با بکگراند رنگ خالی درست کارمیکنه، وقتی اوپسیتی کم بشه یا بکگراند بشه عکس، همه چیز به هم میریزه.

من نمونه کد هم میزارم ... لطفا راهنمایی بفرمایید.

PHP: 
<html !DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>01</title>
<style>
body{
    background:#243139 url(bg.jpg) repeat-x;
    position:static
}
.main{
    background:url(bg.png);
    width:500px;
    height:500px;
    position:absolute;
    z-index:1000;
    opacity:0.5;
    filter:alpha(opacity=50);
    border:#FF0000 5px solid
    
}
.bg{
    background:#CC0033;
    width:980px;
    height:824px;
    position:static
}

</style>

</head>
<body>

<div class="main">
<br>
<br>
</div>

<div class="bg">
<embed src="01.swf" width="980" height="824"></embed>
</div>




</body>
</html>
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
چرا این خصیصه ها را اعمال کردید؟
کد: 
 position:static
اصلا منطق کار شما اشتباه است!

اصلا main چه ربطی به bg داشت؟
 
M

Maryam.20

Member
ممنون بابت پاسخ.
بدون اونها کار نمیکرد!
البته بودنشون هم چیزیو تغییر نداد.
به نظر شما برای این کار که فلش در پس زمینه باشه چه منطقی درسته؟
 
JavidFlasher

JavidFlasher

کاربر فعال
سلام
اینجوری بنویسید :
PHP: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FLash Back ground </title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
body{background:#000;}
#bg{position:fixed; left:0; top:0; z-index:1;}
#matn{position:absolute;width:100%; height:100%; z-index:2;}
</style>
</head>
<body>
<div id="matn">
 <p><img src="bg.png"/></p>
 <p>
 Over Flower boys . .. 
 </p>
</div>
<div id="bg">
<script type="text/javascript">
var attributes = {
  id: "bg",
  name: "bg",
  wmode: "transparent",
};
swfobject.embedSWF("jj.swf", "bg", "100%", "100%", "10.0.45.2","expressInstall.swf", null, null, attributes);
</script>
</div>
</body>
</html>
 
JavidFlasher

JavidFlasher

کاربر فعال
من swfobjectاستفاده کردم
باید فایل swfobject.jsرو داشته باشین.خود دریم ویور میسازه اینو.
اگه ندارین بگین تا آپ کنم
 
M

Maryam.20

Member
مشکل از جایی شروع میشه که میخوام به تگ matn اوپسیتی بدم یا عکسی برای پس زمینه.
کدی که شما نوشتید برای من نه عکس پس زمینه میده و نه اوپسیتی تغییر میده!
من دوحالت background-color و background-image رو تو فایل گذاشتم(البته یکیش کامنته... دوتاشو چک کنید ممنون میشم). میشه یه نگاهی بندازید؟
من میخوام اون لایه سبز رنگ اوپسیتیش بشه مثلا 40 یا اینکه اون عکس png24 بشه background-image ...
 

پیوست ها

  • test.rar
    3.7 کیلوبایت · بازدیدها: 4
JavidFlasher

JavidFlasher

کاربر فعال
مشکلی نداره
ببین اینو:
PHP: 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>FLash Back ground </title> 
<script type="text/javascript" src="swfobject.js"></script> 
<style type="text/css"> 
body{background:#000;} 
#bg{position:fixed; left:0; top:0; z-index:1;} 
#matn{position:absolute;width:100px;height:100px;z-index:2;background:#99CC00;opacity:0.5;
	background-image: url(n.jpg);
} 
</style> 
</head> 
<body> 
<div id="matn"> 
 <p><img src="bg.png"/></p> 
 <p> 
 Over Flower boys . ..  
 </p> 
</div> 
<div id="bg"> 
<script type="text/javascript"> 
var attributes = { 
  id: "bg", 
  name: "bg", 
  wmode: "transparent", 
}; 
swfobject.embedSWF("a_bg_swf.swf", "bg", "100%", "100%", "10.0.45.2","expressInstall.swf", null, null, attributes); 
</script> 
</div> 
</body> 
</html>
 
M

Maryam.20

Member
ممکنه فایلهای swfobject.js و expressInstall.swf رو هم بدید.
چون من بدون اونا چک میکنم و ممکنه مشکل از این باشه که برای شما درسته ولی برای من نه! البته اگه ربطی داشته باشه.
من فایلی که خودم با کد شما تست کردم (بدون اون دوتا) رو هم براتون میذارم.
 

پیوست ها

  • test.rar
    3.8 کیلوبایت · بازدیدها: 2
JavidFlasher

JavidFlasher

کاربر فعال
برااستفاده فلش تو وب بهتره همیشه از swfObjectاستفاده کنین.
 

پیوست ها

  • swfobject.zip
    4.8 کیلوبایت · بازدیدها: 5
M

Maryam.20

Member
مرسی بابت راهنماییتون:rose:


الان ماجرا پنجاه پنجاه شد!
تو Firefox کار میکنه ولی تو IE نه!:cry:


و اگه بخوام فلش به طور اتومایک به سایز خودش نمایش داده بشه باید این خط برنامه رو چطور تغییر بدم؟
PHP: 
swfobject.embedSWF("mysterious.swf", "bg", "100%", "100%", "10.0.45.2","expressInstall.swf", null, null, attributes);
 
آخرین ویرایش:
JavidFlasher

JavidFlasher

کاربر فعال
الان ماجرا پنجاه پنجاه شد!
تو Firefox کار میکنه ولی تو IE نه
کلیک کنید تا باز شود...

شاید فلش پلیر برای IEنصب ندارین !
برای سایزش بهتره که خودتون دستی انجام بدین.
چند تا روش برای اینکار هست که باید سمت فلش هم برنامه نویسی شه و یکم کار مشکل میشه.
یکی استفاده از externalEnterfaceکه سایز استیج swfرو میفرسته به js.
و یه کلاس دیگه هم هست به نام swffitکه اونم دباره باید سمت فلش کد نوشته بشه.
 
M

Maryam.20

Member
Ie فلشهای دیگه رو باز میکنه و حتی همینو قبل از همه این تغییرات باز میکرد ولی الان باز نمیشه.:-?

فکر کنم ابعاد فایل فلشمو به پیکسل بذارم توی اون قسمت مربوط به طول و عرض بهتر و ساده تر باشه.
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا