1 / 29
文档名称:

Windows系统下各浏览器兼容性.docx

格式:docx   大小:112KB   页数:29页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Windows系统下各浏览器兼容性.docx

上传人:2072510724 2021/7/22 文件大小:112 KB

下载得到文件列表

Windows系统下各浏览器兼容性.docx

文档介绍

文档介绍:Win dows系统下各浏览器常用CSS HAC汇总表
Hack
ij/pe
QS Q 空 QS
QS
“■Hitml sei ec tori 1
*html selector 1
_prop erty :value 1
-property: valued 1
html* Beiector| 1
Mproperty; value 1
property: valued 1
selector, c-moz-Any-linkG 2
selectorA xz-moz-any-linkA <
moz-document yfl-prefix(){... 2
htrnl^^/body selector, x:-moz-A any-link htrrilAAAbody SQkctDQ K:~moz' ?
any-link, x:def3ult{+H: } 娄
N JY N N
Y Tn y n
Y N YN
L iT nn
YN
¥N
NW
N N
NW
NfN
N N
nTnh
NN:
IM N
¥y
Y Y
YN
YN
YY
-fTFirNN
N?N
IM N
NN
…..…2 Airimdid seitan drid (-widtjkie min-dEvice-pixekratio:0)电・・・ u; webkit开头的烟bkit浏览器持有扩展样戒 2 dnwbiw ail and (^ebkit-miri'device-l
pixal-ratio; 10000)* not all and 2 (-webkit- min-device-pixel-ratio:
1E6 匹7 iEd Ch Sa °P
NN
NN
NIN
NN
『市.
N- N
NN
A/N
Nf N
/\TN‘
NN

此汇总表中测试浏览器的版本为:
微软系统自带:IE6、E7、IE8
火狐:Firefox
Safari : Safari
谷歌浏览器:Chrome dev
Opera 浏览器:Opera
其中,多数CSS hack是在selector{property:value;} 基础上更改的。
selector代表CSS选择器,property代表CSS特性,value代表特性的值。
FF 代表 Firefox , Ch 代表 Chorme , Sa 代表 Safari , Op 代表 Opera
Q 代表 Quirks Mode , S 代表 Standards Mode。
Hack Type列的数字,指的是上面 CSS hack的实现方式中的列表号。
1是指利用浏览器对相同代码的解析和支持的不同实现的 hack”,2是指以Firefox或Webkit
特有的扩展样式实现的 hacko
一定遵守CSS hack的三条原则。CSS hack是没有办法的时候才使用的解决兼容 性问 题的招术,是用兼容性问题去解决兼容性问题, 无异于饮鸩止渴。切莫一有
兼容性问题就使用,时刻记得改掉用 CSS hack修补的问题。
IE6、IE7、IE8、Firefox 兼容性 CSS HACK 代码 + 示例
.区别IE和非IE浏览器CSS HACK代码
#divcss5{
background:blue; /* IE 背景叠色 */
backgrounded \9; /*IE6 、IE7、IE8 背景名工色 */

.区另【JIE6,IE7,IE8,FFCSSHACK【区别符号】:「\9」、「*」、「_」【示例】:
#divcss5{
background:blue; /*Firefox 背景变蓝色 */ backgrounckred \9; /*IE8背景变红色 */
*background:black; /*IE7 背景变黑色 */
_background:orange; /*IE6 背景变橘色 */}
【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识 「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得 CSS
语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox > Opera、Google Chrome、 Safari 等)。
.区别 E6、IE7、Firefox (EXP 1)
【区别符号】:「*」、「_」
【示例】:
#divcss5{
background:blue