解決各大瀏覽器相容問題hack

2022-04-02 08:42:34 字數 1334 閱讀 2612

解決各大瀏覽器相容問題hack,ie6/ ie7/ ie8/ ie9/ firefox/ opera/ webkit/ chrome/ safari.

color:red; /* 所有瀏覽器都支援 */
color:red !important; /* 除ie6外 */
_color:red; /* ie6支援 */
*color:red; /* ie6、ie7支援 */
+color:red; /*ie7支援*/
*+color:red; /* ie7支援 */
color:red\9; /* ie6、ie7、ie8、ie9支援 */
color:red\; /* 針對所有ie */
color:red\0; /* ie8、ie9支援 */
color:red\9\0; /*ie9支援*/
/* webkit and opera */

@media all and (min-width: 0px) }

/* webkit */

@media screen and (-webkit-min-device-pixel-ratio:0) }

/* opera */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-

ratio:0) }

/* firefox * /

@-moz-document url-prefix()} /* all firefox */

html>/**/body div, x:-moz-any-link, x:default /* newest firefox */

}

body:nth-of-type(1) p /* chrome、safari支援 */
= 等於 ie7
= 小於 ie8(就是 ie7 或以下了啦)
= 大於或等於 ie8
把這段**放到裡面,在ie8裡面的頁面解析起來就跟ie7一模一樣的了

20150909解決瀏覽器相容問題

1.解決ie9登入成功後,退出,重新重新整理頁面session裡面還有值 原因是ajax在第二次登入成功後,並沒有執行退出的請求,直接從瀏覽器裡面得到快取的data返回值 ajaxsetup 這個玩意兒貌似是強制ajax請求所得到的回應不被瀏覽器快取。2.解決ie9獲取滾動條高度不相容的問題 var...

前端解決瀏覽器相容問題

不相容原因 不同瀏覽器的核心也不盡相同,所以各個瀏覽器對網頁的解析存在一定的差異。瀏覽器核心主要分為兩種,一是渲染引擎,乙個是js 引擎,核心更加傾向於說渲染引擎。常見的瀏覽器核心可以分為這四種 trident gecko blink webkit 常見的瀏覽器核心 瀏覽器核心ie瀏覽器 tride...

css 解決瀏覽器相容問題

這裡大家要知道css不相容的原因是因為各瀏覽器給css預設屬性值不一樣造成的。第一招 給常用css規定屬性值。body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td img ul ul li 上面的建站常用 就相是格式化css樣式,讓各瀏覽...