ورود

View Full Version : چرا خاصیت z-index تو تگ select کار نمی کنه؟


mohsen_csharp
جمعه 18 آبان 1386, 09:28 صبح
سلام
چرا خاصیت z-index تو تگ select کار نمی کنه؟
من می خواهم که select زیر بقیه کنترل ها باشه ولی هر کاری می کنم درست نمی شه.
من اونو تو div هم گذاشتم بازهم درست نشد.

البته این مشکل فقط تو IE هست و توی firefox درست کار می کنه.
چه پیشنهادی دارید.
چه کنم؟
peyman1987
جمعه 18 آبان 1386, 09:37 صبح
اگه توی فایرفاکس درست کار میکنه حتما کدتون درسته
ولی درباره IE باید بگم z-index از IE 4 به بعد ساپورت میشه.
برای رفع بهتر مشکلتون کدتون رو بزارین.
mohsen_csharp
جمعه 18 آبان 1386, 18:16 عصر
کد نمی خواهد واضحه که اون کنترلی که z-index از بقیه بیشتره ، روی بقیه قرار می گیره.
شما اگه می تونی یه کنترل مثل دکمه را روی کنترل select قرار بده به طوری که اونو بپوشونه!!!
peyman1987
جمعه 18 آبان 1386, 21:35 عصر
خوب شما یا از صفحه ت عکس بگیر یا کدی که نوشتی و کار نکرده رو بزار

منم میدونم واضحه که باید کار کنه حتما کدی که نوشتین ایرادی داشته و یا اصلا انتظار نادرست از z-index دارین.

یه سرنخ باید باشه که به جواب مساله رسید
m.hamidreza
جمعه 18 آبان 1386, 23:38 عصر
اره برادر کدتو بزار !
mohsen_csharp
شنبه 19 آبان 1386, 03:10 صبح
چشم . اینم کد:


<selectid="Select1"style="z-index: 100; left: 200px; width: 100px; position: absolute;
top: 100px">
<optionselected="selected">z-index</option>
<option>کار نمی کنه</option>
<option>چرا؟</option>
</select>
<inputid="Button1"style="z-index: 101; left: 150px; width: 200px; position: absolute;
top: 90px; height: 50px"type="button"value="button"/>


اینم عکس:
m.hamidreza
شنبه 19 آبان 1386, 13:49 عصر
!!!!!!!!!
کد شما هم تو IE7 و هم تو FireFox که کار میکنه عزیز برادر !
mohsen_csharp
شنبه 19 آبان 1386, 19:43 عصر
درسته ولی تو IE6 کار نمی کنه!
در حال حاضر خیلی از کاربران از IE6 استفاده می کنند.
چه پیشنهادی دارید؟
peyman1987
شنبه 19 آبان 1386, 21:35 عصر
دوستمون درست میگن من که نتونستم توی IE6 با z-index کار کنم. واقعا که دست مایکروسافت درد نکنه.
IE6 با z-index یه مشکل کوچیک داره. برای حلش میتونین position عنصر اول رو بصورت realtive مقداردهی کنین. مثلا:


<html>
<body>
<input type="button" value="test" style="position:relative;top:10px;left:10px;z-index:1">
<select style="position:absolute;top:10px;left:10px;z-index:10">
<option>test</option>
</select>
</body>
</html>
محمدامین شریفی
جمعه 11 اردیبهشت 1388, 17:45 عصر
دوستمون درست میگن من که نتونستم توی IE6 با z-index کار کنم. واقعا که دست مایکروسافت درد نکنه.
IE6 با z-index یه مشکل کوچیک داره. برای حلش میتونین position عنصر اول رو بصورت realtive مقداردهی کنین.
رفیق من اینکار رو کردم ولی توی IE6 جواب نداد.
دوستان padding توی IE چرا اینجوری میشه؟رفتارش مثل FF نیست!
پ.ن:من توی IE6,IE7,chrome,FF3 امتحان کردم اگر دوستان توی مرور گرهای دیگه امتحان کردند و نتایج متفاوتی با FF3T، مشاهده کردند لطفا اعلام کنند.
emad_67
جمعه 11 اردیبهشت 1388, 21:03 عصر
دوستان padding توی IE چرا اینجوری میشه؟رفتارش مثل FF نیست!
چه جوریه رفتارش مگه؟
کدت اون قسمتی رو که مشکل داری رو بزار، فایل ضمیمه که چیزی سر در نیوردم.
محمدامین شریفی
جمعه 11 اردیبهشت 1388, 23:07 عصر
چه جوریه رفتارش مگه؟
کدت اون قسمتی رو که مشکل داری رو بزار، فایل ضمیمه که چیزی سر در نیوردم.
سلام آقا عماد و tarhebartar جان.دلم واستون تنگ شده بود:قلب:

.container
{float:right; position:relative; z-index:100; margin-top:10%; width:73%;padding-left:13.5%; padding-right:13.5%;
}
این padding توی IE درست کار نمیکنه.ولی توی مرورگرهای دیگه جواب میده.
بچه ها z-index توی IE7 کار میکنه.ولی وقتی میره روی اینترنت باز توی IE7 قاطی میکنه.اینجا (http://bia2dadash2.blogfa.com)را ببنید.
اساتید میتونید مشکل z-index رو توی IE6 (و IE5) حل کنید؟

واقعا یک دنیا ممنون
emad_67
شنبه 12 اردیبهشت 1388, 12:11 عصر
این padding توی IE درست کار نمیکنه.ولی توی مرورگرهای دیگه جواب میده.مشکل padding به خاطر مقدار دهی درصدی هست و اگه دقیقتر بخوام بگم به خاطر مقدار دهی درصدی به width در کلاس container هست.
به نظر من طراحیت یه مقدار مشکل داره. بهتره یه div کلی برای کل کار در نظر بگیری و سپس دو تا div دیگه برای تصاویر دو طرف صفحه بزاری. همچنین برای قسمت وسط، float: right کردن اون div و سپس به padding مهار کردنش فقط مشکل رو زیاد می کنه. position: relative هم که اصلا نفهمیدم برای چی استفاده کردی.
اما در مورد div وسط و حل مشکل padding ئی که به وجود اومده، اون width رو کلا حذف کن و بعد سعی کن با margin در وسط صفحه div رو موقعیت دهی کنی، به این مشکلی به وجود نمیاد و بهتر هم هست.
در مورد z-index هم در حال حاضر ie 6 ندارم، اما در مورد کار شما اصلا نیازی به استفاده از z-index هم نیست.
موفق باشید:چشمک:
محمدامین شریفی
شنبه 12 اردیبهشت 1388, 13:19 عصر
مشکل padding به خاطر مقدار دهی درصدی هست و اگه دقیقتر بخوام بگم به خاطر مقدار دهی درصدی به width در کلاس container هست.
به نظر من طراحیت یه مقدار مشکل داره. بهتره یه div کلی برای کل کار در نظر بگیری و سپس دو تا div دیگه برای تصاویر دو طرف صفحه بزاری.

ممنون عماد جان که وقت گرانبهات رو گذاشتی و برنامه را نگاه کردی.:بوس:
در مورد یک div کلی و 2 تا div دیگه برای تصویر.به نظر من کار درستی نیست.چرا؟ چون عملا IMG یک کانتینر برای تصویر است و لزومی نیست که این کانتینر را داخل نگه دارنده دیگر قرار بدهیم.و چون با Z-index بر روی آنها کار کرده ایم پس در حقیقت IMG های ما در لایه های مختلفی هستند.(پ.ن:به نظر من این تفکرت از طراحی سایت با جداول به ارث رسیده است).

همچنین برای قسمت وسط، float: right کردن اون div و سپس به padding مهار کردنش فقط مشکل رو زیاد می کنه.

درسته:تشویق:


position: relative هم که اصلا نفهمیدم برای چی استفاده کردی.

ایول مشکل نمایش div توی IE حل شد:چشمک:
حالا به نظرت از position:absolute استفاده کنم یا position:fixed؟(پ.ن:در 2 حالت در دو مرورگر جواب درست گرفته میشود)


اما در مورد div وسط و حل مشکل padding ئی که به وجود اومده، اون width رو کلا حذف کن و بعد سعی کن با margin در وسط صفحه div رو موقعیت دهی کنی، به این مشکلی به وجود نمیاد و بهتر هم هست.

درسته:تشویق:


در مورد z-index هم در حال حاضر ie 6 ندارم، اما در مورد کار شما اصلا نیازی به استفاده از z-index هم نیست.سشسش
z-index برای div رو برداشتم.حالا برای IMG رو چی کار کنم؟(پ.ن:البته پیشین تفکرم این بود که از اصل full bg استفاده کنم و بعدش با z-index کار کنم.حالا شما به من یک دید دیگه دادید).
اما این را در نظر داشته باشید،که من میخواهم طول تصاویرم 100% باشد:

<img src="cowColumn large.jpg" id="copy" style=" position:fixed; left:0; height:100%; width:22%; top: 0px;" />
<img src="cowColumn large.jpg" id="paste" style="position:fixed; right:0; height:100%; width:22%; top: 0px;" />


موفق باشید:چشمک:
شما هم موفق و شاد باشید.
پس الان این تیکه CSS مان با کمک آقا عماد تغییر پیدا کرد:

.container
{ position:absolute; margin-top:10%; padding-left:13.5%; padding-right:13%;
}
بچه ها z-index توی IE7 کار میکنه.ولی وقتی میره روی اینترنت باز توی IE7 قاطی میکنه.اینجا (http://bia2dadash2.blogfa.com/)را ببنید.
و اما دلیل این مطلب اینست که بالای تگ HTML ما چند خط کد قرار میگیرند که باعث بهم ریختن z-index در IE میشود.آیا راهی هست که node های بالای HTML را پاک کرد؟دوستان آیا سایتی را میشناسند که این popup رو نداشته باشه؟
emad_67
شنبه 12 اردیبهشت 1388, 21:40 عصر
در مورد یک div کلی و 2 تا div دیگه برای تصویر.به نظر من کار درستی نیست.چرا؟ چون عملا IMG یک کانتینر برای تصویر است و لزومی نیست که این کانتینر را داخل نگه دارنده دیگر قرار بدهیم.منظور قرار دادن یک تگ img در div نبود. معمولا تصویر رو در background قرار میدن. این روش تا اونجا که میدونم بهتر از تگ img هست چون لود صفحه در صورتی که شما از img استفاده کنی، تا لود اون عکس بارگذاری صفحه به تعویق میافته اما در حالتی که تثویر رو در زمینۀ div قرار بدی اون div لود شده و سپس عکس داخل اون لود خواهد شد.

حالا به نظرت از position:absolute استفاده کنم یا position:fixed؟(پ.ن:در 2 حالت در دو مرورگر جواب درست گرفته میشود)من هنوز نفهمیدم برای چی از relative استفاده کرده بودی؟ چرا اصلا میخوای از position استفاده کنی؟

z-index برای div رو برداشتم.حالا برای IMG رو چی کار کنم؟(پ.ن:البته پیشین تفکرم این بود که از اصل full bg استفاده کنم و بعدش با z-index کار کنم.حالا شما به من یک دید دیگه دادید).
z-index برای div رو برداشتم.حالا برای IMG رو چی کار کنم؟(پ.ن:البته پیشین تفکرم این بود که از اصل full bg استفاده کنم و بعدش با z-index کار کنم.حالا شما به من یک دید دیگه دادید).چه لزومی داره از z-index استفاده کنی وقتی هیچ دو المانی روی هم نمیفتن؟
محمدامین شریفی
شنبه 12 اردیبهشت 1388, 22:41 عصر
در این تاپیک نتیجه بر آن شد که IE از شماره های 6 به پایین دارای خصوصیت z-index دقیقی نیستند و اینترنت اکسپلورر دارای 2 وضعیت window و windowless میباشد،که به نظر میاد برای قالب های گرافیکی یک معضل است.برای ادامه بحث درباره جایگزین کردن z-index در این قالب بخصوص،اینجا (http://barnamenevis.org/forum/showthread.php?p=714971) را پیگیری کنید.

با سپاس
__ziXet__
یک شنبه 13 اردیبهشت 1388, 00:29 صبح
مشکل z-index در ie یه باگ گزارش شده وث ثبت شده هست.
بهترین راه برای خل این مشکل استفاده یه از یه فریم بروی select هست.
برای دیدن نحوه کار به اینجا (http://www.livedic.com) برید و از منو conversion رو انتخاب کنید و بعد یه پنجره جدید روی select باز کنید تا ببینید چطور میشه.

موفق باشید
محمدامین شریفی
یک شنبه 13 اردیبهشت 1388, 10:31 صبح
مشکل z-index در ie یه باگ گزارش شده وث ثبت شده هست.

لطفا منبع معتبرتان را اعلام کنید
__ziXet__
یک شنبه 13 اردیبهشت 1388, 13:37 عصر
لطفا منبع معتبرتان را اعلام کنید
بفرما:http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx
راه حل بهتر هم شاید این باشه:http://jonathanstegall.com/2009/01/15/ie-z-index-bug-with-css-dropdown-menu/