1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
---
title: Podaj Dłoń 'kursorowi'
slug: Podaj_Dłoń_'kursorowi'
tags:
- CSS
- Wszystkie_kategorie
translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property
translation_of_original: Giving_'cursor'_a_Hand
---
<p> </p>
<p><span class="comment">Summary: Netscape 6 and Mozilla support cursor quite nicely, but that's not true of some other browsers. Happily, there's a fix. Find out how to get a hand from multiple browsers when you use this property.</span> Wielu programistów pytało kiedy Mozilla i Netscape 6+ planuje zaimplementować obsługę własności <code>cursor</code>. Są oni zazwyczaj zaskoczeni odkrywając, że obie przeglądarki już od dawna wspierają ten standard. Obsługa jest oparta na zatwierdzonej specyfikacji W3C dla CSS2, w odróżnieniu od dodawania własnych pomysłów.</p>
<p>Podstawowym problemem jest to, że: Internet Explorer 5.x dla Windows rozpoznaje wartość <code>hand</code>, która nie występuje nigdzie w <a class="external" href="http://www.w3.org/TR/REC-CSS2/ui.html#propdef-cursor">sekcji 18.1 CSS2</a>-- ani nigdzie indziej w specyfikacji na ten temat. Wartość najbliższa zachowaniu <code>hand</code> to <code>pointer</code>, który specyfikacja definiuje jako: "Kursor jest wskaźnikiem pokazującym odnośnik." Należy zwrócić uwagę, że nigdzie nie jest powiedziane, że ma on pokazywać rękę, ale patrząc na aktualne zachowanie przeglądarek, efekt jest właściwie taki sam.</p>
<p>Niestety, IE5.x/Win zupełnie nie rozpoznaje wartości <code>pointer</code>. Na szczęście IE6/Win i IE5.x/Mac rozpoznają <code>pointer</code> tak samo jak <code>hand</code>. Niemniej, Mozilla i Netscape 6+ w zgodzie ze specyfikacją CSS2 wspierają <code>pointer</code>, lecz ignorują własnościową wartość <code>hand</code>.</p>
<p>Tak więc jeżeli Mozilla/Netscape ignoruje <code>hand</code> a IE5.x/Win ignoruje <code>pointer</code>, co może zrobić autor? Poproś o oba, w odpowiedniej kolejności, a zostaniesz nagrodzony.</p>
<pre>a {cursor: pointer; cursor: hand;}</pre>
<p><b>Nie</b> odwracaj kolejności! Jeżeli zapiszesz styl tak jak pokazany powyżej, Gecko zobaczy wartość pierwszą i zignoruje drugą, więc w efekcie dostaniesz <code>pointer</code>. IE5.x/Win zobaczy obie i użyje drugiej, więc dostaniesz <code>hand</code>. Jeżeli odwrócisz wartości, to Gecko zadziała, ale IE5.x/Win również zobaczy oba i użyje drugiego, a to nie da Ci małego wskaźnika-rączki...</p>
<p>Przy użyciu powyższej sztuczki możesz upewnić się, że Twoja strona pokaże wskaźnik rączki za każdym razem.</p>
<p><b>Ostrzeżenie:</b> Powyższy przykład polecany tutaj spowoduje, że strona nie będzie się walidować, ponieważ będzie zawierać nieprawidłową wartość <code>cursor</code>. Autorzy stron powinni sami ocenić czy ten problem jest ważniejszy, czy mniej ważny od wsparcia IE5.x/Win.</p>
<h3 id="Sprawdzanie_wsparcia" name="Sprawdzanie_wsparcia">Sprawdzanie wsparcia</h3>
<p>Zastanawiasz się czy Twoja przeglądarka obsługuje <code>hand</code> i <code>pointer</code>? Sprawdź to w poniższej tabelce!</p>
<table class="standard-table">
<tbody>
<tr>
<td style="cursor: pointer;">Ta komórka tabeli posiada styl <code>cursor: pointer</code>. Powinna spowodować zmianę kursora na małą wskazującą rączkę w Mozilli i Netscape 6+, IE6/Win, oraz IE5.x/Mac, lecz nie IE5.x/Win.</td>
<td>Ta komórka tabelinie posiada atrybutu <code>cursor</code> zatem powinien zostać użyty domyślny kursor.</td>
<td style="cursor: hand;">Ta komórka tabeli posiada styl <code>cursor: hand</code>. Powinna spowodować zmianę kursora na mały wskaźnik w IE5+/Win, ale nie w Mozilli i Netscape 6.</td>
</tr>
</tbody>
</table>
<h3 id="Powi.C4.85zane_odno.C5.9Bniki" name="Powi.C4.85zane_odno.C5.9Bniki">Powiązane odnośniki</h3>
<ul>
<li><a class="external" href="http://www.w3.org/TR/REC-CSS2/ui.html#propdef-cursor">CSS2, sekcja 18.1</a></li>
</ul>
<div class="originaldocinfo">
<h3 id="Informacje_o_dokumencie" name="Informacje_o_dokumencie">Informacje o dokumencie</h3>
<ul>
<li>Autor: Eric A. Meyer, Netscape Communications</li>
<li>Data ostatniej aktualizacji: Published 04 Mar 2002; Revised 30 Jan 2003</li>
<li>Informacje o prawach autorskich: Copyright © 2001-2003 Netscape. Wszystkie prawa zastrzeżone.</li>
<li>Notka: Ten artykuł orginalnie został opublikowany na stronie DevEdge.</li>
</ul>
</div>
<p> </p>
|
