鍍金池/ 問答/HTML/ visibility: hidden \9;是什么意思?

visibility: hidden \9;是什么意思?

某個元素用到了css3的rotate(),因為ie8不支持,所以需求就變成在ie8中隱藏此元素,在其他瀏覽器正常顯示. 于是用這個樣式visibility: hidden 9;但是不管是什么IE版本都會隱藏元素(我只想在ie8中隱藏該元素),我想問,還有沒有別的寫法?9是什么原理?有沒有詳細的文章或者解釋,求指教

回答
編輯回答
孤島

一、原因分析

(1)首先使用 “ \9 ″ 是為了 CSS hack(針對不同的瀏覽器/不同版本寫相應的CSS code的過程),若需要詳細了解。可查看前端面試題-CSS Hack

(2)“ \9 ″ 的作用是對 IE6 / IE7 / IE8 / IE9 / IE10 都生效,與要求僅在 IE8 樣式生效不符。

二、解決方法

(1)若只需在IE8中隱藏元素,就必須針對 IE8 做 hack。

(2)我們的思路可以轉換一下:先應用 IE8 的 hack ,與非 IE 瀏覽器分開,然后再應用一些 CSS3 之類的 IE8 不支持的選擇器來重新覆蓋一遍,讓支持新選擇器的 IE9、IE10 正常顯示。

(3)最后符合條件的常用選擇器有 :root。

2017年7月13日 06:58
編輯回答
故人嘆

這個是為了兼容IE的css hack —— 鏈接描述

2018年9月23日 19:30