25-06-2011, 17:47
|
|
|
|
חבר מתאריך: 11.03.07
הודעות: 1,668
|
|
ציטוט:
במקור נכתב על ידי gal!
יצרתי CLASS שבמעבר עכבר משנה הרקע לאדום
קוד:
.lineAd:hover {
background-color:#FF0000;
}
כשאני שם אותו על TR לא קורה כלום, שאני שם אותו על TD רק בשורה מתוך הטאב מחליפה את הצבע ולא כל השורה...
תמונה:
שימו לב שרק ה-TD שינה צבע ולא כל השורה...
|
אירוע של HOVER עושה bubble-up מהאלמנט שעשית לו HOVER, זאת אומרת שמגיע גם אל הTR.
לכן, ניתן פשוט לעקוב אחרי HOVER של הTR ולפיו לשנות את הרקע של כל הTD שבתוכו.
דוגמא חיה:
http://jsfiddle.net/r8UWH/
וה-CSS לביצוע דבר כזה:
קוד:
tr:hover td {
background-color: green;
}
אגב - בגירסאות ישנות של IE לא ניתן להשתמש ב":hover" בCSS לאלמנלטים שהם לא לינקים, לכן אם נדרשת גם תמיכה בגירסאות ישנות של IE תצטרך לשקול להוסיף מחלקה בשם hover לאלמנט שעושים עליו hover ולפנות אליו ב"tr.hover td" בCSS.
|