שלח תשובה

זירת השאלות

806
צפיות
1
תשובות

איך אפשר לגרום לאקספלורר להציג את הקוד הבא?

,‏ 3 בדצמבר, 2012

css
#proff {
height: 200px;
width: 200px;
}
#proffup {
height: 100%;
width: 100%;
position: relative;
z-index: -999;
-webkit-transition: all 500ms ease-in-out 2ms;
-moz-transition: all 500ms ease-in-out 2ms;
-ms-transition: all 500ms ease-in-out 2ms;
-o-transition: all 500ms ease-in-out 2ms;
transition: all 500ms ease-in-out 2ms;
right: 200px;
bottom: 200px;
}
#proff:hover > #proffup{
background-color: rgba(0, 193, 255, 0.8);
background: rgba(0, 193, 255, 0.8);
color: rgba(0, 193, 255, 0.8);
bottom: 200px;
right: 0px;
z-index: 999;
}
#proff:hover td{
behavior: url(C:UsersUserDocumentspiePIE.htc);
visibility: visible;
}
#profftable{
behavior: url(C:UsersUserDocumentspiePIE.htc);
width: 100%;
}
#profftable td{
behavior: url(C:UsersUserDocumentspiePIE.htc);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
text-align: center;
height: 30px;
display: block;
position: relative;
visibility: hidden;
-webkit-transition: all 2ms ease-in 6ms;
-moz-transition: all 2ms ease-in 6ms;
-ms-transition: all 2ms ease-in 6ms;
-o-transition: all 2ms ease-in 6ms;
transition: all 2ms ease-in 6ms;
}
#profftable td:hover{
behavior: url(C:UsersUserDocumentspiePIE.htc);
background-color: rgba(179, 1, 15, 0.9);
background: rgba(179, 1, 15, 0.9);
color: rgba(255,255,255,0.9);
}
#profftable a {
behavior: url(C:UsersUserDocumentspiePIE.htc);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
text-shadow: -4px 2px 4px #000000;
text-decoration: none;
font-weight: 900;
}

html
<div class="proff" id="proff">
<img src="../Desktop/תרבות ישראל.png" width="200" height="200">
<div id="proffup"><table width="100%" border="0" cellpadding="0" cellspacing="0" dir="rtl" id="profftable">
<tr>
<td colspan="2"><a href="#">חוצה שכבות</a></td>
</tr>
<tr>
<td><a href="#">ז’ שכבה</a></td>
<td><a href="#">תכבה ז'</a></td>
</tr>
<tr>
<td><a href="#">תכבה י'</a></td>
<td><a href="#">תכבה ט'</a></td>
</tr>
<tr>
<td><a href="#">שכבת יב'</a></td>
<td><a href="#">תכבה יא'</a></td>
</tr>
</table>
</div>

1 תשובות

  1. Zacharya הגיב:

    מומלץ לדעתי שתקח את כל הCSS לקובץ בשם CSS.CSS ובקבוץ של הHTML (בתוך הhead, זה חשוב), תשים את קוד לינק רל ( <link rel="stylesheet" type="text/css" href="CSS.css" /> ).
    תבדוק אם עובד עכשיו.

שלח תשובה