2014-09-03 8 views
8

Potrafię wybierać i zaznaczać elementy td w IE, ale nie mogę podświetlić wszystkich td w tr używając tr: active. Działa to zgodnie z oczekiwaniami w FireFox i Chrome. Here to przykład JsFiddle, czy robię coś nie tak w CSS?Czy IE 11 tr: aktywny selektor jest zepsuty?

robi to nadal ...
enter image description here enter image description here
W Chrome, Safari, Opera i FF ...
enter image description here HTML

<body> 
    <br /> 
    <div id="rowCount"> 
     <table class='t2'> 
      <tr> 
       <th>Click a Cell should highlight all in the row</th> 
      </tr> 
      <tr> 
       <td>tr:active td</td> 
       <td>td:active</td> 
      </tr> 
     </table> 
    </div> 
</body> 

CSS

table { 
    cursor: default; 
    border: 1px solid black; 
    background-color: transparent; 
} 
div { 
    z-index: 0; 
    display: block; 
    border:4px solid #CC3300; 
    width: 80%; 
    background-color: #4D70DB; 
} 
th{ 
    text-align: left; 
} 
td{ 
    border: 1px solid #000000; 
} 

tr:hover td { 
    border:1px solid #CC3300; 
} 

tr:active td{ 
    background-color: #CC3300; 
} 
td:active { 
    color: aqua; 
} 
+0

Dziwne, że 'td: active' wydaje się działać w IE 11, ale nie' tr: active td'. Może ma coś wspólnego z tym, jak bańka do rodzica? –

+5

Wydaje się być starym błędem (https://connect.microsoft.com/PL/feedback/details/781417/active-pseudo-selector-on-parent-elements), który według nich został naprawiony. Najwyraźniej tak nie jest. Właśnie napisali tam, aby dać im znać. ": Aktywny" nie bańka w IE. –

+0

Możesz uruchomić starą wersję IE11? – Antfish

Odpowiedz

5

Jest poprawne, tr:active nie działa w IE11 i poniżej. Nie testowałem jeszcze w przeglądarce Edge, ale jest to oczywiście błąd. Można go odtworzyć także w IE9, 8, 7.

Po przeprowadzeniu pewnych badań odkryłem, że większość innych przeglądarek również miała ten błąd. Zobacz that bug report na Firefox (dokładnie ten sam problem).

Przeszukałem witrynę Microsoft Connect i nie znalazłem raportu o błędzie informującego o Twoim problemie. Stworzyłem nowy raport o błędzie, który można śledzić, używając this link.

Podobnie jak niektóre wypowiedziane w komentarzach do tematu, inny post na Microsoft Connect również był mocno związany, możesz follow this bug report here.

Dziękuję za wskazanie tego. To naprawdę dobre znalezisko.

PS: To jest niestety maksimum, które mogę zrobić. Później dzisiaj będę testować na Edge, aby sprawdzić, czy problem został rozwiązany w nowej przeglądarce.


UPDATE

Microsoft krawędzi zespołu skontaktował się ze mną, aby dodać: "Ten problem wydaje się być rozwiązany w MS Edge."

Powiązane problemy