CSS hack (original) (raw)

About DBpedia

A CSS hack is a coding technique used to hide or show CSS markup depending on the browser, version number, or capabilities. Browsers have different interpretations of CSS behavior and different levels of support for the W3C standards. CSS hacks are sometimes used to achieve consistent layout appearance in multiple browsers that do not have compatible rendering. Most of these hacks do not work in modern versions of the browsers, and other techniques, such as feature support detection, have become more prevalent.

Property Value
dbo:abstract A CSS hack is a coding technique used to hide or show CSS markup depending on the browser, version number, or capabilities. Browsers have different interpretations of CSS behavior and different levels of support for the W3C standards. CSS hacks are sometimes used to achieve consistent layout appearance in multiple browsers that do not have compatible rendering. Most of these hacks do not work in modern versions of the browsers, and other techniques, such as feature support detection, have become more prevalent. (en) CSSハック（英：CSS Hack）は、Webサイト作成の際にWebブラウザ間（以下単に「ブラウザ」）で異なるCascading Style Sheets(CSS)の実装状況の違いやバグなどを吸収し、極力各ブラウザでの表示を同一にするためのテクニックの一つである。 CSSハック以外に「CSSフィルター」("CSS Filter")とも呼ばれるが、Internet Explorer(IE)の独自拡張CSSであるフィルタとの混同を避けるためか日本ではCSSハックの語が用いられることが多い。 (ja) CSS 滤器是一个编程技术，指根据浏览器的版本、功能来隐藏或显示CSS 标记语言。各浏览器对层叠样式表行为的解释以及W3C标准 的支持不同。有时 CSS 滤镜也用来在多个渲染效果不同的浏览器中取得一致的表现。 (zh) CSS-фільтр — метод програмування, який використовується, щоб приховати або показати CSS-розмітку залежно від браузера, його версії чи можливостей. Різні браузери по-різному підтримують стандарти W3C і по-різному інтерпретують CSS-інструкції. Тому виникає необхідність у механізмі підгонки сайту для різних браузерів. До різновидів CSS-фільтрів можна віднести умовні коментарі та CSS-хаки. — інструкції для браузера Internet Explorer, які дозволяють написати платформо залежний код і код, залежний від версії браузера. За допомогою коментарів умов можна внести у вебсторінку фрагменти коду, який буде виконуватися тільки в Internet Explorer, або тільки в його конкретній версії. Internet Explorer погано відповідає рекомендаціям W3C стосовно відповідності стандартам HTML і CSS, тому постійно виникає потреба у використанні платформо залежного коду. Нижче наведений приклад використання коментарів умов для включення в HTML-документ файлу ie.css із специфічними для IE каскадними стилями. Цей фрагмент коду всі браузери крім IE сприймуть як коментар, заключений в ; Internet Explorer інтерпретує фрагмент як повноцінний HTML-код. — недокументовані способи опису CSS-стилів, які використовуються для присвоєння різним браузерам інших значень CSS-стилів. На відміну від коментарів умов, даний спосіб написання платформо-залежного коду не є задокументованим виробниками браузерів. Крім того при виході нової версії браузера хаки можуть не використовуватися (відмінності інтерпретації конкретного хаку різними версіями одного браузера можна використати для написання коду, залежного від версії браузера). CSS-хаки для браузера Mozilla Firefox: .some_class_name, x:-moz-any-link { attr: value; } CSS-хаки для браузера Safari: html:root.some_class_name { attr: value; } body:first-of-type .some_class_name { attr: value; } html* .some_class_name { attr: value; } CSS-хаки для браузера Opera: @media all and(min-width:0){ .some_class_name { attr: value; } } html:first-child .some_class_name { attr: value; } CSS-хаки для браузера Internet ExplorerIE6: .some_class_name { _attr: value; } *html .some_class_name { attr: value; } IE7: *:first-child+html .some_class_name { attr: value; } *+html .some_class_name { attr: value; } .some_class_name { //attr: value; } /* this one works also on ie6 */ .some_class_name { *attr: value; } /* this one works also on ie6 */ (uk)
dbo:wikiPageExternalLink http://browserhacks.com/ http://rafael.adm.br/css_browser_selector https://www.rareprogrammer.com/css-comments https://web.archive.org/web/20060804012032/http:/centricle.com/ref/css/filters/ https://web.archive.org/web/20070715175654/http:/www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html https://web.archive.org/web/20110720143842/http:/www.positioniseverything.net/articles/cc-plus.html https://web.archive.org/web/20120212190720/http:/qooxdoo.org/documentation/general/webkit_css_styles https://web.archive.org/web/20150311021026/http:/browserstrangeness.bitbucket.org/css_hacks.html https://web.archive.org/web/20161221232725/http:/www.opera.com/docs/specs/opera9/css/index.dml https://developer.mozilla.org/Special:Tags%3Ftag=CSS:Mozilla+Extensions https://stackoverflow.com/questions/11173106/apply-style-only-on-ie https://stackoverflow.com/questions/28417056/how-to-target-only-ie-any-version-within-a-stylesheet
dbo:wikiPageID 4943817 (xsd:integer)
dbo:wikiPageLength 12768 (xsd:nonNegativeInteger)
dbo:wikiPageRevisionID 1106762529 (xsd:integer)
dbo:wikiPageWikiLink dbr:Cascading_Style_Sheets dbr:BlackBerry_Limited dbr:Blink_(browser_engine) dbr:Trident_(layout_engine) dbr:Safari_(web_browser) dbr:Presto_(layout_engine) dbr:Chromium_(web_browser) dbr:Gecko_(software) dbr:Google dbr:Google_Chrome dbr:Mozilla_Foundation dbr:Conditional_comment dbr:Opera_Mobile dbr:Apple_Inc. dbr:Computer_programming dbr:Feature_detection_(web_development) dbr:Polyfill_(programming) dbr:Media_queries dbr:CSS dbr:W3C dbr:WebKit dbr:Web_browser dbr:Acid3 dbr:EPUB dbr:Nintendo_DS dbr:Nintendo_DSi dbr:Nokia dbr:KHTML dbr:Rendering_(computer_graphics) dbr:HP_Inc. dbr:Hewlett-Packard dbr:Hewlett_Packard_Enterprise dbr:Internet_Explorer dbr:JavaFX dbr:JavaScript dbr:Advanced_Television_Systems_Committee_standards dbr:KDE dbr:Sun_Microsystems dbr:Symbian dbc:Cascading_Style_Sheets dbr:Konqueror dbr:Microsoft_Corporation dbr:Open_Mobile_Alliance dbr:Opera_(web_browser) dbr:Opera_Mini dbr:Opera_Software dbr:Oracle_Corporation dbr:World_Wide_Web_Consortium dbr:Markup_language dbr:StackOverflow dbr:Vendor_prefix dbr:Vendors dbr:YesLogic dbr:Comparison_of_web_browser_engines_(CSS_support)
dbp:wikiPageUsesTemplate dbt:Hatnote dbt:Main dbt:Short_description dbt:Use_dmy_dates
dcterms:subject dbc:Cascading_Style_Sheets
rdfs:comment A CSS hack is a coding technique used to hide or show CSS markup depending on the browser, version number, or capabilities. Browsers have different interpretations of CSS behavior and different levels of support for the W3C standards. CSS hacks are sometimes used to achieve consistent layout appearance in multiple browsers that do not have compatible rendering. Most of these hacks do not work in modern versions of the browsers, and other techniques, such as feature support detection, have become more prevalent. (en) CSSハック（英：CSS Hack）は、Webサイト作成の際にWebブラウザ間（以下単に「ブラウザ」）で異なるCascading Style Sheets(CSS)の実装状況の違いやバグなどを吸収し、極力各ブラウザでの表示を同一にするためのテクニックの一つである。 CSSハック以外に「CSSフィルター」("CSS Filter")とも呼ばれるが、Internet Explorer(IE)の独自拡張CSSであるフィルタとの混同を避けるためか日本ではCSSハックの語が用いられることが多い。 (ja) CSS 滤器是一个编程技术，指根据浏览器的版本、功能来隐藏或显示CSS 标记语言。各浏览器对层叠样式表行为的解释以及W3C标准 的支持不同。有时 CSS 滤镜也用来在多个渲染效果不同的浏览器中取得一致的表现。 (zh) CSS-фільтр — метод програмування, який використовується, щоб приховати або показати CSS-розмітку залежно від браузера, його версії чи можливостей. Різні браузери по-різному підтримують стандарти W3C і по-різному інтерпретують CSS-інструкції. Тому виникає необхідність у механізмі підгонки сайту для різних браузерів. До різновидів CSS-фільтрів можна віднести умовні коментарі та CSS-хаки. Нижче наведений приклад використання коментарів умов для включення в HTML-документ файлу ie.css із специфічними для IE каскадними стилями. CSS-хаки для браузера Mozilla Firefox: CSS-хаки для браузера Safari: IE7: (uk)
rdfs:label CSS hack (en) CSSハック (ja) CSS濾器 (zh) CSS-фільтр (uk)
owl:sameAs yago-res:CSS hack wikidata:CSS hack dbpedia-bg:CSS hack dbpedia-ja:CSS hack dbpedia-sr:CSS hack dbpedia-uk:CSS hack dbpedia-zh:CSS hack https://global.dbpedia.org/id/AHKw
prov:wasDerivedFrom wikipedia-en:CSS_hack?oldid=1106762529&ns=0
foaf:isPrimaryTopicOf wikipedia-en:CSS_hack
is dbo:wikiPageRedirects of dbr:CSS_filter dbr:CSS_filters dbr:CSS_hacks dbr:Css_expression dbr:Css_expressions dbr:Star_HTML_hack
is dbo:wikiPageWikiLink of dbr:CSS dbr:CSS_box_model dbr:CSS_filter dbr:CSS_filters dbr:CSS_hacks dbr:Css_expression dbr:Css_expressions dbr:Star_HTML_hack
is foaf:primaryTopic of wikipedia-en:CSS_hack