Nieruchomość TR Tround nie działa w IE7. Chcę zrobić bgolor z rzędu zmienny, a następnie mieć inny kolor, gdy mysz jest w rzędzie. Więc nie mogę używać tabeli tbody tr.d1 td{background:#f1f1f1;}, ponieważ tbody tr.d1 td:hover{background:#f1f1f1;} wpłynie tylko na kolor komórki, a nie całego rzędu ... Każdy ma pomysł, jak działać ten kod?:

<html>
    <head>  
      <script type="text/javascript" src="http://www.kryogenix.org/code/browser/sorttable/sorttable.js" ></script>      
      <style type="text/css">
        table tbody tr.d1 td{background:transparent;}
        table tbody tr.d2 td{background:transparent;}
        table tbody tr.d1{background:#f1f1f1; color:#363636;}
        table tbody tr.d2{background:white; color:#363636;} 
        table tbody tr.d1:hover, tr.d2:hover{background:#FFF5C3; color:#FF7260;} 
      </style>        
    </head>
<body>  
    <table  class="sortable">
      <thead> 
        <tr>
          <th >Index</th> 
          <th><span class="nowrap">Parameter Name</span></th>
          <th><span class="nowrap">Parameter Value</span></th>
          <th><span class="nowrap">Page Name</span></th>
          <th ><span class="nowrap">Page Name</span></th>
          <th ><span class="nowrap">Page Name</span></th>
          <th ><span class="nowrap">Page Name</span></th>
          <th class="sorttable_nosort scrollbarCol"></th> 
        </tr>
      </thead>  
      <tbody>
            <tr class="d1">
              <td>4_1</td> <td>gfryn</td> <td>4_2</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> <td>4_3</td>
            </tr>
            <tr class="d2">
              <td>4_2</td> <td>aegr</td> <td>4_2</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> 
            </tr>
            <tr class="d1">
              <td>4_3</td> <td>ryj</td> <td>4_2</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> <td>4_3</td>
            </tr>
            <tr class="d2">
              <td>4_4</td> <td>styj</td> <td>4_2</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> <td>4_3</td>
            </tr>
            <tr class="d1">
              <td>4_5</td> <td>rth</td> <td>4_2</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> <td>4_3</td>
            </tr>
            <tr class="d2">
              <td>4_6</td> <td>srhfr</td> <td>4_2</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> <td>4_3</td>
            </tr>
            <tr class="d1">
              <td>4_7</td> <td>sryh</td> <td>4_2</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> 
            </tr>
            <tr class="d2">
              <td>4_8</td> <td>et5h</td> <td>4_2</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> <td>4_3</td> 
            </tr>
      </tbody>
    </table>
  </body>
</html>   

[Edytuj]
Jak wyglądałby jak javascript?

0
sebastien leblanc 16 listopad 2011, 19:54

3 odpowiedzi

Najlepsza odpowiedź

Spróbuj tego:

Stary: Table Tbody TR.D1: Hover TD, tr.d2: Hover Td {Color-Color: # FFF5C3; Kolor: # FF7260;}

  table tbody tr:hover, tr:hover td {background-color:#FFF5C3; color:#FF7260;} 

<style>
        table tbody tr.d1{background-color:#f1f1f1; color:#363636;}
        table tbody tr.d2{background-color:white; color:#363636;} 
        table tbody tr:hover, tr:hover td{background-color:#FFF5C3; color:#FF7260;} 
</style>

$(tr).hover( 
  function() {
    $(this).toggleClass("highlight");
  }
);

Css:

.highlight {background-color:#FFF5C3; color:#FF7260;}
0
Irishka 16 listopad 2011, 16:52

IE7 zawsze jest bólem głowy, nie wiem, dlaczego IE7 rozumie w ten sposób background:transparent w ten sposób, ale w końcu działa *background-color:none

http://jsfiddle.net/nagyt/1/

I dla td:hover Mam nadzieję, że może to być pomocne:

http://jsfiddle.net/nagyt/2/

W każdym razie, sprawdź Te Linki Więcej informacji na temat :hover w IE7.

2
Galled 16 listopad 2011, 16:43

Kodek, który wkleiłeś, wydaje się doskonale pracować w IE7 z przemiennym kolorem rzędowym i zmianą koloru tła na Hover.

W przypadku IE7, używasz IE8 z paskiem narzędzi Deweloper, aby przetestować kod. Jeśli tak, spróbuj ustawić:

Tryb przeglądarki do: IE 7 Tryb dokumentu: tj. 7 standardy

Domyślnie tryb dokumentu zmienia tryb Quirks po zmianie trybu przeglądarki na IE 7. Ustaw zarówno ustawienia, a następnie przetestuj kod.

0
Saurabh Sharma 16 listopad 2011, 17:08