魔琳人生-路漫漫其修远兮



CSS浏览器HACK

这两天在做一些交接和培训,整理资料的时候看到一些以前搜集的文档,整理一些比较系统的拿来分享。
可能还不算很完善,不过学习的朋友可以看看,大虾们可以飘过~~

屏蔽IE浏览器(也就是IE下不显示)
*:lang(zh) select {font:12px !important;} /*FF的专用*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。

html>body #XXX{….}
子选择器,IE不支持。

仅IE7识别
*+ html {…}
当面临需要只针对IE7做样式的时候就可以采用这个HACK。

IE6及IE6以下识别
* html {…}
这个地方要特别注意很多地方都写了是IE6的HACK,其实IE5.x同样可以识别这个HACK。其它浏览器不识别。
html/**/ >body select {……}
这句与上一句的作用相同。

仅IE6不识别
select { display /*IE6不识别*/:none;}
这里主要是通过CSS注释分开一个属性与值,注释在冒号前。

仅IE6与IE5不识别
select/**/ { display /*IE6,IE5不识别*/:none;}
这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。

仅IE5不识别
select/*IE5不识别*/ { display:none;}
这一句是在上一句中去掉了属性区的注释,只有IE5不识别。

只有Opera识别
@media all and (min-width: 0px){ select {……} }
针对Opera浏览器做单独的设定。
或html>body .content{….}
这个我没怎么用过~~知道的朋友欢迎详细讲解下!

解决失效的盒模型
选择器 {
 width:IE5.x宽度;
 voice-family :”\”}\”";
 voice-family:inherit;
 width:正确宽度;
 }
通过浏览器不能识别的属性和伪值,不继续执行下面的代码。
盒模型的清除方法不是通过!important来处理的。这点要明确。

下面还有一张参考图:

魔琳人生:www.linlife.com


59条评论 so far
Leave a comment

:亲吻: 顶一个!

:?: 你真勤快..

这里有一个秦歌滴:
http://dancewithnet.com/2008/07/12/css-hacks/

还有一个是BI上滴:
http://bbs.blueidea.com/thread-2824980-1-1.html

自己瞅瞅..

多谢MarVell~~收下

沙发XX!

人气好旺啊,顶一下!

eoHaqA Cialis

ZzMEpF Buy Cialis Online

MgpPCfjS Buy Viagra

sEantl Viagra

WjDlivO Cheap Cialis

CUibgLI Cheap viagra

DTDllVu Buy Cialis

trZjMBaN Cheap viagra

KgzfOkw Viagra

kLgtZj Cheap viagra

FGtaxUh Cheap Cialis

MGXZECmX Cialis

ULwxSfm Buy Viagra

QwdXID Buy Cialis

KmVRIbB Viagra

lDLakoU Buy Viagra

VvPGxi Buy Cialis Online

bkQGFfh Cheap viagra

CHTXGf Cheap Cialis

zSdmet Buy Viagra online

vowBtJ Buy Cialis

RRhlLge Buy Viagra

KCyrudG Viagra

XwPGgj Viagra

ZHGtirX Viagra

MynmFI Cheap Cialis

OTgHDE Cialis

LNkRdYe Viagra

HkhBMJDf Viagra

jWRpGXT Cheap Cialis

HLqSGqa Buy Phentermine

kCugMvUE Cheap viagra

DbhbYjQ Buy Cialis

QQtziB Viagra

TBJzXDV Valium

SMpJwCZT Buy Xanax

LjIRsc Cheap viagra

cbODPeqt Buy Viagra

Ejlfuec Buy Viagra

cldfFyQw Ambien

hlUXNPKq Buy Ambien

qCXTZYND Cialis

aipklUKg Viagra

JJOoefU Xanax online

yOzGpU Buy Viagra

WSASYAdb Cheap Valium

xvGOBS Buy Phentermine

BWijkYfo Cheap viagra

glflvus Viagra

lqeofwLX Cheap viagra

GWTbAZ Buy Viagra

PASYVP Viagra

huTWzfHN Xanax

TrackBack URI

发表评论




Search

RECENTLY

Comments

ARCHIVES

Tag Cloud