مشکل hover در اینترنت اکسپلورر

واضح آرشیو وب فارسی:سایت ریسک: dominican05-06-2008, 06:16 AMسلام من برایه اولین بار تصمیم گرفتم یه وبسایت بcss بسازم تا اواسط کار داشت خوب پیش میرفت ولی وسطایه مار یه لحضه دیدم که یکی از تیبل ها کار نمیکنه منم افتادم به جونش بقیه کد هایه css رو پاک کردم بقیه تیبل ها و دم دستگاه هارو هم پاک کردم بازم نشد لطفا یکی نگاه کنه ببینه مشکلش چیه منو کشت مثلا قراره یه تیبل باشه که وقتی موس میره رویه سطر هاش رنگشون عوض بشه <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>index</title> <style type="text/css"> #test-table { width:250px; margin:0 auto; text-align:center; } #test-table tr { background-color:#9e9f9f; } #test-table tr:hover { background-color:#3b 9ddb; } </style> </head> <body> <div align="center"> <table width="962" height="945" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" id="main"> <tr> <td width="771" height="151"> </td> <td width="191"> </td> </tr> <tr> <td height="382"> </td> <td valign="top" bgcolor="#000000"> =============>>>> <table width="50" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF9900" bgcolor="#000000" id="test-table"> <tr> <td height="63" background="../image/choose1.gif"> </td> </tr> <tr> <td><a href="../brands/sony.php">SonyEricsson</a></td> </tr> <tr> <td><a href="../image/choose.gif">Nokia</a></td> </tr> <tr> <td><a href="../image/choose.gif">Samsung</a></td> </tr> <tr> <td><a href="../image/choose2.gif">Motorola</a></td> </tr> <tr> <td><a href="../image/choose.gif">áæÇÒã ÌÇäÈí</a></td> </tr> <tr> <td height="0"><a href="../image/choose.gif">ÏíÑ æÔí åÇ</a></td> </tr> </table> </td> </tr> <tr> <td height="281"> </td> <td valign="top" bgcolor="#000000"> </td> </tr> <tr> <td height="131"> </td> <td> </td> </tr> </table> </div> </body> </html> Bracket05-06-2008, 10:48 PMدقیقا مشکل چیه ؟ در ضمن Hover تو Ie فقط رویه لینکها کار میکنه . peyman198705-06-2008, 11:59 PMHover توی IE همونطور که دوستمون گفتن فقط روی لینک کار میکنه. کد شما روی فایرفاکس بدون مشکل کار میکنه. برای حل مشکلتون میتونین از جاوااسکریپت و کتابخانه jQuery کمک بگیرین. بهترین نتیجه رو میده. فقط باید یه مقدار صبور باشین و مستنداتش رو بخونین. اینم لینک: !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! dominican06-06-2008, 05:24 AMممنون دوستان متوجه شدم حالا کد جاوا اسکریپت رو باید تویه هر صفحه تکرار کنم؟ راهی نداره تو فایل css بندازم ؟ neopersia06-06-2008, 06:58 AMاگه اشتباه نکنم قبلاً در مورد خاصیت hover برای سطرهای جدول بحث کرده بودیم نه اسکرپت مربوط به این کار رو نمیشه توی فایل css گذاشت ولی در عوض میتونی اونو بزاری توی یک فایل js و با کد زیر به صفحه ضمیمه کنی: <script type="text/javascript" src="آدرس فایل"></script> TemplateMonster14-06-2008, 12:14 AMمن براي حل مکشکل hover در ie يه راه حل دارم. اين‌جا رو ببينيد: !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! اين اسکريپت باعث مي‌شه بتونيد توي IE واسه همه‌چيز خاصيت hover توي css کار کنه. Bracket14-06-2008, 04:36 PMالبته نیازی با استفاده از Jscript هم نیست با همون دو خط تغییر CSS به راحتی میشه این کار رو کرد خیلی راحت . اون Css ها باید اینطوری بشن : این اضافه بشه : !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! اینم تغییر کنه یعنی تو Style سومی به جای tr:hover بشه a:hover . !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! البته کلا استفاده از Table دیگه جالب نیست برای همچین منوهایی هم بهتر از Li استفاده بشه . dominican29-06-2008, 09:06 AMآخه اینطوری جالب تره !!! اگه از li استفاده کنم شکل منو نداره انگار یه مشت کلمه رو ریختی زیر همدیگه من میخوام هر کلمه کادر خودشو داشته باشه و تو یه مربع باشه سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 1160]