IE6/7常用的hack

【IE6/7常用的hack】的更多相关文章

hack基础: IE6: _selector{property:value;} selector{property:value;property:value !important;} //IE6 不支持同一选择符中的 !important IE7: +selector{property:value;} IE8: selector{property:value\0;} IE6 & IE7: *selector{property:value;} IE6 & IE7 & IE8: sel…

常用CSS HACK

常用CSS HACK IE6 3像素bug和双边距bug一样的经典现象: IE6下浮动元素和不浮动元素之间会有3px间隙(3px bug,div.float-left + div.float-none) 解决需设置 div.float-left{ margin-right:-3px;} 选择器hack * (只有IE6-能识别) * html IE6认为最外层的元素不是html ,而是* . html是*的子元素 .abc.aclassSelector{} (不存在样式成分忽略 IE6=)…

CSS Hack技术介绍及常用的Hack技巧集锦

一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack. CSS Hack常见的有三种形式:CSS属性Hack.CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器. 1.属性级Hack:比如IE6能识别下划线"_"和星号" * ",IE7能识别星号" *…

CSS Hack技术介绍及常用的Hack技巧

一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack. CSS Hack常见的有三种形式:CSS属性Hack.CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器. 1.属性级Hack:比如IE6能识别下划线"_"和星号" * ",IE7能识别星号" *…

css中常用的hack

<!DOCTYPE html> <html> <head> <title>Css Hack</title> <style> #test { width:300px; height:300px; background-color:blue; /*firefox*/ background-color:red\9; /*all ie*/ background-color:yellow\0; /*ie8*/ +background-color…

什么是Css Hack？ie6,7,8的hack分别是什么？

针对不同的浏览器写不同的CSS code的过程,就是CSS hack. 示例如下: 1 2 3 4 5 6 7 8 9 10 11 12 #test { width:300px; height:300px; background-color:blue; /*firefox*/ background-color:red\9; /*all ie*/ background-color:yellow; /*ie8*/ +background-color:pink; …

css中使用if条件在各大浏览器(IE6\IE7\IE8)中hack方法解决教程

一个滚动代码,其他浏览器都滚的好好的,就IE出现错误,DIV+CSS if条件hack,这里DIVCSS5为大家介绍针对各大浏览器(IE6\IE7\IE8)中使用if条件hack方法教程,DIV CSS IF使用与实例一个滚动代码,其他浏览器都滚的好好的,就IE出现错误!气愤!随想起IE的条件语句,如果是IE用第一种滚动方式,如果是其他浏览器用另外一种方式: 复制代码代码如下: <!--[if IE]> <script type="text/javascript&quo…

IE6,7,8 CSS HACK

1.区别IE和非IE浏览器CSS HACK代码 #divcss5{ background:blue; /*非IE 背景藍色*/ background:red \9; /*IE6.IE7.IE8背景紅色*/ } 2.区别IE6,IE7,IE8,FF CSS HACK [区别符号]:「\9」.「*」.「_」 [示例]: #divcss5{ background:blue; /*Firefox 背景变蓝色*/ background:red \9; /*IE8 背景变红色*/ *background:…

IE6~9的css hack写法

_color: red; /* ie6 */ *color: red; /* ie6/7 */ +color: red; /* ie6/7 */ color: red\0; /* ie8/9 */ color: red\9; /* ie6/7/8/9 */ color: red\9\0; /* ie9 */…

1.各个浏览器内核？经常遇到的浏览器兼容性有哪些？解决办法？常用的hack技巧？

IE: trident内核 Firefox(火狐):gecko内核 Safari(苹果):webkit内核 Opera(欧鹏):以前是presto内核,现在是Blink内核 Chrome:Blink 兼容性: (1)png24的图片在IE6浏览器出现背景,解决:做成PNG8 (2)浏览器默认的margin和padding不同,解决:css中该属性设置为0 (3)IE6双边距bug:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大.浮动IE产生的双倍距离 #…

IE6 position:fixed bug hack方式

/* IE6浏览器的特有方法 */ /* 修正IE6振动bug */ * html,* html body{background-image:url(about:blank);background-attachment:fixed} * html .ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.document…

VUE常用问题hack修改

vue-router router这里踩的坑主要是组件的重用.构建单页面大型应用的话,肯定要开启组件的缓存的,因为一般会要求后退的时候不要重新加载页面,而且要记住原始的滚动位置.首先,引入router-view的地方要加上keep-alive <router-view keep-alive></router-view> 然后开启html5 history模式,并开启位置纪录 const router = new Router({ history: true, // use hist…

兼容IE6/IE7/IE8/FireFox的css hack

兼容IE6/IE7/IE8/FireFox的css hack .color{ background-color: #CC00FF; background-color: #FF00009; *background-color: #0066FF; _background-color: #009933; } **记住上面得样式解释为顺序是 ff.ie8.ie7.ie6 ** 显示的结果: 用火狐浏览,颜色是紫色用 IE8 浏览,颜色是红色用 IE7 浏览,颜色是蓝色用 IE6 浏览,颜色是绿色…

关于 IE6、 IE7兼容性总结（转）

其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了.解决方案:给文字设定 line-height .确保所有文字都有默认的 line-height 值.这点很重要,在高…

CSS/CSS3常用样式小结

1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; 2.设置溢出文本显示为省略标记: text-overflow:ellipsis; (注:text-overflow:clip | ellipsis | ellipsis-word;…

CSS Hack汇总快查(CSS兼容代码演示)

文章出处和来源网址:http://www.divcss5.com/css-hack/c284.shtml 以下是常用CSS HACK问题及解决代码-DIV+CSS网支持 1.屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换.第二句是MAC上safari浏览器独有的.…

CSS Hack相关知识

CSS Hack 1.由于不同厂商的浏览器,比如Internet Explorer,Safari,Chrome,Mozila Firefox等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果. CSS hack的目的就是使你的CSS代码兼容不同的浏览器. 2.CSS Hack大致有3种表现形式,CSS类内部Hack.选择器Hack以及HTML头部引用(if IE)Hack. (1)CSS Hack主要针…

ie6,ie7兼容性总结（转）

其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了.解决方案:给文字设定 line-height .确保所有文字都有默认的 line-height 值.这点很重要,在高…

兼容不同浏览器的 CSS Hack 写法

所谓 CSS Hack,是指在 CSS 代码中嵌入诸如 *,*html 等代码,方便于独立控制某种浏览器的具体样式.比如有些 CSS Hack 只能被 IE6 或 IE7 识别,而 Firefox 等浏览器则不能识别.这样一来可以有效控制 CSS 在不同浏览器的表现,避免撰写多个 CSS 文件. 芒果在这里大致整理了常用 CSS Hack 的写法,帮助你更好地控制页面呈现: 1. * 符号 IE 浏览器能识别 * 符号,但其他浏览器诸如 Firefox.Opera.Chrome 等不能识别 *…

ie6,ie7兼容性总结

摘自: http://www.cnblogs.com/li0803/archive/2009/08/22/1552094.html 其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera…

[总结]CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点 IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条件注释只能用于IE5以上,IE10以上不支持. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准. 条件注释的基本结构和HTML的注释(<!– –>)是一样的.因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释…

用CSS hack技术解决浏览器兼容性问题

什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack. CSS Hack 形式 CSS Hack大致有3种表现形式:CSS属性Hack.CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器. 1.属性级Hack:比如IE6能识别下划线"_"和星号" * ",IE7能识…

【面试季之三】IE6兼容问题

最近面试真的碰到很多基础的问题,平时在工作的时候往往可以直观的看到页面的问题,然后进行代码调试,调试不明白了还可以上网查一下.可是面试的时候,就是得当场反应出来,并且还得能系统的说出1.2.3.4.5...每每是面试完了就各种懊恼...这个纯属活该,谁叫平时自己不总结的呢!昨儿面试回来把脚崴伤了,这几天卧床养伤,顺便把各种基础性问题做个总结,让自己涨涨记性! 前端最常见的问题,应该没有之一了吧...IE6兼容性问题,虽然小盖童鞋早已经抛弃了IE6,可我天朝人民还是很恋旧的... 一文档声明:这…

css中hack是什么

css中hack是什么一.总结 1.CSS hack:由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果. 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果. 2.hack:本意:修改,引申为对软件的二次修…

作业总结（一）：IE6下面的那些坑

考完试就来实习的公司实习了,大概最近有两周时间就一直在做公司给新人布置的大作业.虽然只是很简单的一个小的项目,但却从其中总结到了不少有用的东西.计划将其发出来一系列文章,算是对这两周时间的总结.也算是在这里留下记录,防止以后坑在同一个地方,接下来几周没事持续填坑吧. 在没来公司之前,我做过的项目也好,学习的新技术也好.从来都没有去想过去兼容IE6及以下版本的浏览器的,之前一段时间淘宝刚宣布不再继续支持IE6,刚好我做大作业的时候,百度也宣布不再继续支持IE6.但是来了公司之后接到的新人大作业之后…

IE10 11的css hack

一.@media -ms-high-contrast @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ /* ie10 11 style*/ .class{} } 二.@media 0 @media screen and (min-width:0\0) { /* IE9 , IE10 ,IE11 style */ .class {} } 三.ie6-9 background-color:red\0;…

针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack

Firefox的CSSHack 只在Firefox上应用的CSS Hack,虽然这种情况非常少,但有时也会碰到: @-moz-document url-prefix() { .cssSelector { font-size: 14px; }} Chrome的CSSHack 只在Chrome上应用的CSS Hack,目前这种情况还没有碰到(使用Chrome作为开发浏览器的原因?),有备无患吧. @media screen and (-webkit-min-device-pixel-ratio:0)…