Co oznacza buźka":) " w CSS?
Zauważyłem ten kod CSS w projekcie:
html, body { :)width: 640px;}
Jestem z CSS już od dawna, ale nigdy wcześniej nie widziałem tego kodu":)". Czy to coś znaczy, czy to tylko literówka?
2 answers
Z artykułu w javascriptkit.com , to dotyczy IE 7 i wcześniejszych wersji:
Jeśli dodasz znak niealfanumeryczny, taki jak gwiazdka (
*
) bezpośrednio przed nazwą właściwości, właściwość zostanie zastosowana w IE, a nie w innych przeglądarkach.
Jest też hack dla IE 8:
div {
color: blue; /* All browsers */
color: purple\9; /* IE8 and earlier */
*color: pink; /* IE7 and earlier */
}
Jednak to nie jest dobry pomysł, nie sprawdzają. Zawsze możesz pracować zwarunkowe komentarze dla konkretnych wersji IE :
<!--[if lte IE 8]><link rel="stylesheet" href="ie-8.css"><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="ie-7.css"><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" href="ie-6.css"><![endif]-->
Ale dla tych, którzy chcą zobaczyć hack w realu, proszę otworzyć ta strona w najnowszej wersji IE masz. Następnie przejdź do trybu programisty, wykonując F12. W sekcji Emulacja (ctrl+8) zmień tryb dokumentu na 7
i zobacz, co się stanie.
właściwość użyta na stronie to :)font-size: 50px;
.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-02-28 19:26:28
Wygląda jak hack CSS do kierowania IE7 i wcześniejszych przeglądarek. Podczas gdy to na nieprawidłowy CSS i przeglądarki powinny go zignorować, IE7 i wcześniejsze będą analizować i szanować tę regułę. Oto przykład tego hack w akcji:
CSS
body {
background: url(background.png);
:)background: url(why-you-little.png);
}
IE8 (ignoruje regułę)
IE7 (stosuje regułę)
Zauważ, że nie musi to być uśmiechnięta buźka; BrowserHacks wzmianki:
Dowolna kombinacja tych znaków:
! $ & * ( ) = % + @ , . / ` [ ] # ~ ? : < > |
[before the property name will work on] Internet Explorer ≤ 7
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 11:54:50