{"id":967,"date":"2009-10-16T19:58:59","date_gmt":"2009-10-16T17:58:59","guid":{"rendered":"http:\/\/www.blog.atbliss.ru\/?p=967"},"modified":"2010-08-26T22:53:34","modified_gmt":"2010-08-26T22:53:34","slug":"hacks-for-ie-firefox-opera-safari","status":"publish","type":"post","link":"https:\/\/atbliss.ru\/hacks-for-ie-firefox-opera-safari\/","title":{"rendered":"\u0421\u043f\u0438\u0441\u043e\u043a CSS \u0445\u0430\u043a\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432, IE6, IE7, IE8, FireFox, Opera, Safari"},"content":{"rendered":"
\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435<\/p>
\u041d\u0438\u0436\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0445\u0430\u043a\u043e\u0432 \u0434\u043b\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 IE6, IE7, IE8, FireFox, Opera, Safari<\/p>\n
\/* IE 6 Only *\/<\/strong>\r\n* html body .myClass {\r\n\t...\r\n} \r\n\r\n\/* All except IE6 standards *\/<\/strong>\r\n.myClass {\r\n\tproperty \/**\/: value;\r\n} \r\n\r\n\/* Firefox & IE 7, \u0438 \u0432\u044b\u0448\u0435 *\/<\/strong>\r\nhtml>body .myClass {\r\n ...\r\n}\r\n\r\n\/* Modern browsers only (not IE 7) *\/<\/strong>\r\nhtml>\/**\/body .myClass {\r\n\t...\r\n}\r\n\r\n\/* IE 7 Only *\/<\/strong>\r\n*:first-child+html .myClass {\r\n ...\r\n}\r\n\r\n\/* Firefox Only *\/<\/strong>\r\n@-moz-document url-prefix() {\r\n\t.myClass {\r\n\t\t...\r\n\t}\r\n}\r\n\r\n\/* IE7 Only *\/<\/strong>\r\ndiv[class^=\"myClass\"] .myClass2 {\r\n\t...\r\n}\r\n\r\n\/* IE7 only *\/<\/strong>\r\n*+html .myClass {\r\n\t...\r\n} \r\n\r\n\/* hack for Opera <=9 *\/<\/strong>\r\nhtml:first-child .myClass {\r\n\t...\r\n} \r\n\r\n\/* Firefox, Opera, Konqueror, Safari *\/<\/strong>\r\n*|html .myClass {\r\n\t...\r\n}\r\n\r\n\/* IE8 beta 2 only (?)*\/<\/strong>\r\nhtml:first-child .myClass [attr|=a-b] {\r\n\t...\r\n} \r\n\r\n\/* IE5\/Mac only *\/<\/strong>\r\n\/*\\*\/\/*\/ .myClass { property: value; } \/**\/ \r\n\r\n\/* Gecko only *\/<\/strong>\r\n.myClass:not([attr*=\"\"]) {\r\n\t...\r\n} \r\n\r\n\/* Opera < 9.5 only *\/<\/strong>\r\n@media all and (min-width: 0px) {\r\n\thtml:first-child .myClass {\r\n\t\t...\r\n\t}\r\n} \r\n\r\n\/* Safari only *\/<\/strong>\r\n.myClass:not(:root:root) {\r\n\t...\r\n}<\/pre>\nCSS \u0434\u043b\u044f Explorer<\/span><\/h3>\n
<!--[if IE]>\r\n\t... \u0435\u0441\u043b\u0438 Internet Explorer ..\r\n\t<link href=\"ie-fix.css\" type=\"text\/css\" rel=\"stylesheet\">\r\n<![endif]--> \r\n\r\n<!--[if IE 6.0]>\r\n\t... \u0435\u0441\u043b\u0438 IE6\r\n<![endif]--> \r\n\r\n<!--[if IE 7]>\r\n\t... \u0435\u0441\u043b\u0438 IE7\r\n<![endif]--> \r\n\r\n<!--[if gte IE 5]>\r\n\t... \u0435\u0441\u043b\u0438 IE5+\r\n<![endif]--> \r\n\r\n<!--[if lt IE 6]>\r\n\t.. \u0435\u0441\u043b\u0438 \u043d\u0438\u0436\u0435 IE 6\r\n<![endif]--> \r\n\r\n<!--[if lte IE 5.5]>\r\n\t... \u0435\u0441\u043b\u0438 \u043d\u0438\u0436\u0435 \u0438\u043b\u0438 \u0440\u0430\u0432\u043d\u043e IE 5.5\r\n<![endif]--> \r\n\r\n<!--[if gt IE 6]>\r\n\t... \u0435\u0441\u043b\u0438 \u0432\u044b\u0448\u0435 IE 6\r\n<![endif]--><\/pre>\n\u041f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u0444\u043e\u043d\u0430 \u0432 IE, Firefox, Opera<\/span><\/h3>\n
.myClass {\r\n\tbackground-color:#000;\r\n\t-moz-opacity:.82; \/* Firefox *\/\r\n\topacity:.82; \/* Opera *\/\r\n\tfilter:alpha(opacity=82); \/* IE *\/\r\n}\r\n\r\n\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a<\/a><\/pre>\n","protected":false},"excerpt":{"rendered":"\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435\u0421\u043f\u0438\u0441\u043e\u043a CSS \u0445\u0430\u043a\u043e\u0432CSS \u0434\u043b\u044f Explorer\u041f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u0444\u043e\u043d\u0430 \u0432 IE, Firefox, Opera \u041d\u0438\u0436\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0445\u0430\u043a\u043e\u0432 \u0434\u043b\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 IE6, IE7, IE8, FireFox, Opera, Safari \u0421\u043f\u0438\u0441\u043e\u043a CSS \u0445\u0430\u043a\u043e\u0432 \/* IE 6 Only *\/ * html body .myClass { … } \/* All except IE6 standards *\/ .myClass { property \/**\/: value; } \/* Firefox & IE 7, […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"yoast_head":"\n
\u0421\u043f\u0438\u0441\u043e\u043a CSS \u0445\u0430\u043a\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432, IE6, IE7, IE8, FireFox, Opera, Safari<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n