csshackcss常见的hack方法有哪些

csshack  时间:2021-02-19  阅读:()

CSS HACK什么意思,代表什么啊

什么是CSS hack( /css-hack/index.html)由于不同的浏览器,比如 Explorer 6, Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。

  这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。

  这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。

  CSS Hack的原理是什么   由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。

我们就可以根据这个来针对不同的浏览器来写不同的CSS。

  比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识。

等等   书写顺序,一般是将识别能力强的浏览器的CSS写在后面。

下面如何写里面说得更详细些。

  如何写CSS Hack   比如要分辨IE6和firefox两种浏览器,可以这样写:      我在IE6中看到是红色的,在firefox中看到是绿色的。

  解释一下:   上面的css在firefox中,它是认识不了后面的那个带星号的东东是什么的,于是将它过滤掉,不予理睬,解析得到的结果是:div{background:green},于是理所当然这个div的背景是绿色的。

  在IE6中呢,它两个background都能识别出来,它解析得到的结果是:div{background:green;background:red;},于是根据优先级别,处在后面的red的优先级高,于是当然这个div的背景颜色就是红色的了。

  CSS hack:区分IE6,IE7,firefox   区别不同浏览器,CSS hack写法:   区别IE6与FF:   background:orange;*background:blue;   区别IE6与IE7:   background:green !important;background:blue;   区别IE7与FF:   background:orange; *background:green;   区别FF,IE7,IE6:   background:orange;*background:green;_background:blue;   background:orange;*background:green !important;*background:blue;   注:IE都能识别*;标准浏览器(如FF)不能识别*;   IE6能识别*,但不能识别 !important,   IE7能识别*,也能识别!important;   FF不能识别*,但能识别!important;   IE6 IE7 FF   * √ √ ×   !important × √ √   浏览器优先级别:FFcss盒模型hack的另一选择是什么

css:

#box

{

width: 150px;

}

#box div {

border: 5px;

padding: 20px;

}

html:

...

这样一来在任何浏览器中盒的总宽度都将是150像素。

求IE6浏览器专用的css hack(即该部分语句只对IE6有效)

楼主说到的方法一: /* ie6 */ * html { 我找到的方法之一;这里加上 ,有什么好处?} /* end */ 一般不是你那个位置加的 ,不过我可以解释一下在那里加的好处: 本来/**/是构成注释块的,就是里面的内容全部不执行。

但ie6,以及windows ie6以下的浏览器不叫“聪明”,它解析到*/ 的时候,就以为解析完了,因此执行中间的的内容,所以,中间的*html{} 代码被执行。

但你这种用法比较作用比大,以为*html已经起到选择ie6浏览器的左右了。

其实""我们比较用的多是这样的。

.element{} 或者 .element{} 或者 .element{wi h:123px;} 这三个例子都系应用ie6不识别而运动代码。

下面给一个应用例子说明一下: .element{width:123px;} /*element的宽为123px,这个ie6 ie7 ff上面都表现为123px*/ .element{width:100px;} /*ie7 ff识别知道它是没用的符号,不赋予执行,而ie6当没出现,因此宽为100px,*/ 通过这个例子,我们就可以筛选出ie6了。

.element和.element{wi h:123px;}的应用同理。

不过建议不要使用来筛选ie6,因为在系统里面 这些都是有特别的意思的,呵呵,这里就不详细说明了,为了不出现不必要的麻烦,还是用著名的hack —— starHTML来筛选ie6吧。

starHTML就是我们经常用的*html{}了。

对于楼主提及的方法二: * html { 这就是IE6专用的?} 其实也可以说*html是ie6专用。

因为ie7已经修复了这个hack了。

至于为什么一定是*html而不是¥HTML @html 或者系其他呢?就要问微软的设计师为什么才知道了。

不过可以说说css的hack的原理吧。

CSS Hack的原理是由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。

我们就可以根据这个来针对不同的浏览器来写不同的CSS。

举一个例子吧,希望通过这个例子,你可以感觉到*html这个hack的原理吧。

*+html{}是ie7的专属筛选hack。

为什么中间有个+号呢, 因为+是相邻选择符,相邻选择符ie6不支持,不过ie7支持,因此,就可以筛选出应用于ie7的语句了。

关于css hack,实在涉及的东西比较广,如果你有兴趣,可以联系一下我。

我怕我说了一堆话,看了也糊涂了,呵呵。

希望对你有帮助啦。

css常见的hack方法有哪些

CSS Hack大致有3种表现形式,CSS属性前缀法、选择器前缀法以及IE条件注释法(即HTML头部引用if IE)Hack,实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。

属性前缀法(即类内部Hack):例如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",IE6~IE10都认识"9",但firefox前述三个都不能认识。

选择器前缀法(即选择器Hack):例如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}。

IE条件注释法(即HTML条件注释Hack):针对所有IE(注:IE10+已经不再支持条件注释): <!--[if IE]>IE浏览器显示的内容 <![endif]-->,针对IE6及以下版本: <!--[if lt IE 6]>只在IE6-显示的内容 <![endif]-->。

这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效。

具体不展开,可看资料搜索“史上最全的CSS hack方式一览”

HostYun:联通AS9929线路,最低月付18元起,最高500Mbps带宽,洛杉矶机房

最近AS9929线路比较火,联通A网,对标电信CN2,HostYun也推出了走联通AS9929线路的VPS主机,基于KVM架构,开设在洛杉矶机房,采用SSD硬盘,分为入门和高带宽型,最高提供500Mbps带宽,可使用9折优惠码,最低每月仅18元起。这是一家成立于2008年的VPS主机品牌,原主机分享组织(hostshare.cn),商家以提供低端廉价VPS产品而广为人知,是小成本投入学习练手首选。...

弘速云香港VPSVPS线路有CN2+BGP、CN2 GIA,KVM虚拟化架构,裸金属月付564元

弘速云怎么样?弘速云是创建于2021年的品牌,运营该品牌的公司HOSU LIMITED(中文名称弘速科技有限公司)公司成立于2021年国内公司注册于2019年。HOSU LIMITED主要从事出售香港vps、美国VPS、香港独立服务器、香港站群服务器等,目前在售VPS线路有CN2+BGP、CN2 GIA,该公司旗下产品均采用KVM虚拟化架构。可联系商家代安装iso系统。点击进入:弘速云官方网站地址...

RAKsmart 黑色星期五云服务器七折优惠 站群服务器首月半价

一年一度的黑色星期五和网络星期一活动陆续到来,看到各大服务商都有发布促销活动。同时RAKsmart商家我们也是比较熟悉的,这次是继双十一活动之后的促销活动。在活动产品中基本上沿袭双11的活动策略,比如有提供云服务器七折优惠,站群服务器首月半价、还有新人赠送红包等活动。如果我们有需要RAKsmart商家VPS、云服务器、独立服务器等产品的可以看看他们家的活动。这次活动截止到11月30日。第一、限时限...

csshack为你推荐
neaseset中南财经政法大学知识产权研究中心深圳市富满电子集团股份有限公司photoshop技术PS技术是干什么的,如何使用PS技术?iexplore.exe应用程序错误iexplore.exe应用程序错误win10445端口win7系统不能被telnet端口号,端口、服务什么全都开了联通版iphone4s怎样看苹果4S是联通版还是电信版win7关闭135端口win7系统 怎么关闭135 445 端口 修改注册表 创建IP安全策略 也试过 就是关不了 还望高手指教googleadsense10分钟申请Google Adsense是一种怎样的体验google分析如何添加google analysis
国外虚拟主机 韩国服务器租用 国外免费vps 北京vps主机 中文域名申请 免费动态域名 2014年感恩节 主机屋免费空间 网通代理服务器 国外网站代理服务器 网通ip ibox官网 100x100头像 工信部icp备案号 isp服务商 linux服务器维护 空间技术网 空间购买 广州主机托管 汤博乐 更多