ie下css的写法_css兼容性写法 ie_ie下css样式 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法

css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px; /*ff的属性*/ margin-bottom:140px\9; /* IE6...=================================== 三、CSS hack写法书写顺序为FireFox在最前，其次是IE8、IE7，最后是IE6。 ...padding的问题首先我们说说firefox和IE对CSS的宽度显示有什么不同：　　其实CSS ’width’ 指的是标准CSS中所指的width的宽度，在firefox中的宽度就是这个宽度。...样式，让各浏览器按照我们设置的属性值渲染网页第二招：IE和FF下对象居中问题 IE下大家应该知道只要设置body{text-align:center;}这样就可以居中显示。...目的就是解决浏览器默认值的问题。第五招：针对IE6、IE7、FF的css样式(这一招在特殊情况下经常用到) 原来建设网站经常使用!important来设置优先权，但有了IE7之后就不行了。

2.2K4 0

ie6,ie7,ff 的css兼容hack写法

HTML 4.01 Transitional//EN"　"http://www.w3.org/TR/html4/loose.dtd"> <style type='text/<em>css</em>...background: #00ff00; } /* <em>IE</em>6 */ *+html #example { background: #0000ff; } /* <em>IE</em>7 */ .demo { background... */ *+html .demo { background: #0000ff; } /* <em>IE</em>7 */ <em>css</em> hack id示例 class示例在<em>ie</em>6<em>下</em>，二个div<em>的</em>背景为绿色，...<em>ie</em>7<em>下</em>显示为蓝色，ff<em>下</em>显示为红色(<em>ie</em>8 beta2<em>下</em>显示跟ff相同)

1.5K6 0

您找到你想要的搜索结果了吗？

是的

没有找到

css3在IE下兼容

css带来的便利是很容易感受的到的，但恶心的是它在ie下的不兼容，所以某位牛人现身写了个ie-css3.htc，允许你在ie下去使用css3的部分东西。...ie-css3的使用方法很简单，在你需要使用css3的样式里加入behavior: url(js/ie-css3.htc);就可以了（括号里是ie-css3.htc的地址） ie-css3.htc...://files.cnblogs.com/aiyuchen/ie-css3.htc.zip 下面是我对ie-css3.htc的测试。...经过测试，在ie678下：都见到了可喜的圆角阴影颜色不能控制，是默认的黑色可喜可贺。text-shadow 和 word-wrap一切效果正常。...但有一点，如果不使用换行，在你写死元素宽度后，内置文字如果太长会溢出，但在ie6下，元素的宽度会与文字适应。

1.1K4 0

css推荐写法

Class命名为了语义化中出现多个单词，采用” - “分隔 /* 正确的写法 */ .big-title { font-weight: bold; } 用"-"隔开比使用驼峰是更加清晰。...属性名的 : 前（禁止）加空格一个原因是美观，其次IE 6存在一个bug，戳bug 5.多选择器规则之间换行当样式针对多个选择器时每个选择器占一行 /* 推荐的写法 */ a, input...禁止使用css原生import 使用css原生import有很多弊端，比如会增加请求数等.... Don't use @import 9....我们在写css的时候，把元素的定位放在前头，首先让浏览器知道该元素是在文本流内还是外，具体在页面的哪个部位，接着让浏览器知道他们的宽度和高度，border等这些占用空间的属性，其他的属性都是在这个固定的区域内渲染的...: value; /* IE6 */ *property: value; /* IE6-7 */ } 当使用hack的时候想想能不能用更好的样式代替 13.

9322 0

ie css hack 整理

background-color:red \0; /* ie 8/9*/ IE9 hack 　　background-color:blue \9\0; 浏览器优先级别:FF<IE7<IE6,CSS....*/ 　　* html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */ 　　*+html #demo...{width:130px;} /*会被IE7执行*/ 　　所以最后,#demo的宽度在三个浏览器的解释为: FIREFOX:100px; ie6:120px; ie7:130px; 　　IE8...最新css hack：　　"\9"　例:"border:1px \9;".这里的"\9"可以区别所有IE和FireFox. 　　"\0"　IE8识别，IE6、IE7不能. 　　"*"　IE6、...white\9; /* hack for IE6+(IE6 IE7 IE8 IE9 IE10) */ color:yellow\0; /* hack for IE8+(IE8

1.2K10 0

css的三种写法

css的三种写法一、公用样式使用.css文件引入二、页面级的样式可以使用 .red{ color:red; } 三、html标签直接使用style 第三种 css的三种写法 .red{ color:red; } ... css的三种写法第一种第二种</div

6071 0

CSS完美兼容IE6IE7FF的通用方法

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助....一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK....(注意写法.记得该声明位置需要提前.) #wrapper { width: 100px!...(再次啰嗦) 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会....对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题. 5, ul 标签在 FF 下面默认有 list-style 和 padding .

8852 0

SassSCSS 和纯 CSS 写法的差别

Sass 和 CSS 写法有差别： Sass 和 CSS 写法的确存在一定的差异，由于 Sass 是基于 Ruby 写出来，所以其延续了 Ruby 的书写规范。...如： Sass写法： body color: #fff background: #f36 而在 CSS 我们是这样书写： body{ color:#fff; background:#f36...; } SCSS 和 CSS 写法无差别： SCSS 是 Sass 的新语法格式，从外形上来判断他和 CSS 长得几乎是一模一样，代码都包裹在一对大括号里，并且末尾结束处都有一个分号。...简单点说，把你现有的“.css”文件直接修改成“.scss”即可使用。不管是 Sass 的语法格式还是 SCSS 的语法格式，他们的功能都是一样的，不同的是其书写格式和文件扩展名不同。...在此需要特别注意的是：“.sass”只能使用 Sass 老语法规则（缩进规则），“.scss”使用的是 Sass 的新语法规则，也就是 SCSS 语法规则（类似 CSS 语法格式）。

9121 0

CSS-背景渐变的兼容写法

to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%); linear-gradient：to 方位词 -前缀-linear-gradient：方位词最近在做的项目中用到的实例...#ffed6c 75%); background: linear-gradient(to top, #fba555, #ffed6c 75%); 20180307 补充代码： qq浏览器效果如下： ie8...myself1"> css...border-radius: 30px; } .zhang1{ height: 80px; background:red; /* 一些不支持背景渐变的浏览器...*/ background:red; /* 一些不支持背景渐变的浏览器 */ background:-moz-linear-gradient(top, red

1.7K5 0

【CSS】处理兼容性问题 | CSS Hack | IE

CSS Hack CSS hack 主要有三种：IE条件注释法、CSS属性前缀法、选择器前缀法。...IE 8]> 你想要执行的代码 CSS属性前缀法，即是给css的属性添加前缀。...其实主要是其CSS属性的排序问题。一般来说，最好按照这个顺序：L-V-H-A （7）chrome下默认会将小于12px的文本强制按照12px来解析。...解决办法是给其添加属性： -webkit-text-size-adjust: none; （8)png24位的图片在IE6下面会出现背景，所以最好还是使用png8格式的 ** ( 9 )因为存在两种盒子模式...有效（13）CSS控制透明度问题：一般就直接 opacity: 0.6 ; IE就 filter: alpha(opacity=60) 但在IE6下又有问题，所以又得弄成 filter:progid

1602 0

Ubuntu下安装IE

做网页开发，IE是不可忽视的用户群体，所以需要在Linux下也有IE才能方便调试，下面是安装步骤：首先准备一些软件： sudo apt-get update sudo apt-get install.../downloads/ies4linux-latest.tar.gz 解压缩，进入目录： tar zxvf ies4linux-latest.tar.gz cd ies4linu-* 接下来会出现图形的安装界面...目前IEs4Linux的最新版本还不能够支持IE7，这个是受到WINE限制的，期待什么时候能够有Linux下的IE7，或者IE\FF都开始支持标准。

2.4K3 0

CSS伪类的三种写法

今天逛蓝色时，无意发现了有人讨论伪类的正确写法，让我对伪类的认识也更清晰了，转贴于此，以备日后查询(原贴当时没记下地址，已经记不得了) Code a.tb{text-decoration... a:visited {color: #cccccc;} .huoye a:hover {color: #ff6600;} 第一种写法... 第二种写法第三种写法

80311 0

IE动态加载CSS link失败

今天使用了动态加载CSS的方法，但是如下动态调用的话是无法正确在IE中加载，当然在firefox和chrome中是正常的。...); }) 当时我特意去查看了一下html发现在head中是有成功的插入该语句但是为什么IE不会去动态加载呢？...看到一句比较经典的解释： Once IE has processed all the styles loaded with the page, the only reliable way to add.../uploadify/resource/uploadify.css' }); $('head').eq(0).append(linkTmp); }

2.4K3 0

HTML，CSS中的复合写法总结

CSS中的常用复合写法表格常用属性字体属性的复合写法背景图片的复合写法边框的复合写法内边距（padding）的复合写法外边距（margin）的复合写法一、表格常用属性：属性含义 cellpadding...四、边框的复合写法 border: 5px solid red; border-top: 5px solid red; 边框的复合写法是没有顺序的，一般习惯性的写法是：边框宽度、边框样式、边框颜色...五、内边距（padding）的复合写法写法说明 padding: 1px; 一个参数，说明上下左右都有1像素的内边距 padding: 1px 2px; 两个参数，说明上下内边距是1像素，左右内边距是...2像素 padding: 1px 2px 3px; 三个参数，说明上内边距是1像素，左右内边距是2像素，下内边距是3像素 padding: 1px 2px 3px 4px; 四个参数，此时按顺时针方向匹配值...，上内边距是1像素，右内边距是2像素，下内边距是3像素，左内边距是4像素六、外边距（margin）的复合写法 margin的复合写法和padding的复合写法的参数含义完全一样。

1.9K2 0

CSS3常用功能的写法

随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。...以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证，原文的错误之处也已得到改正。一、圆角（Rounded Corner） ?...遗憾的是，目前所有的IE都不支持CSS圆角，要等到IE 9才行。二、盒状阴影（Box Shadow） ?...四、透明（opacity）正常情况下，上层的对象会覆盖下层的对象。 ? 但是，如果将上层对象的颜色变为透明，就可以透过它看到下层对象。 ?...在单色透明的情况下，这两个值是相同的。需要注意的是，它们的取值是一个八位的十六进制值，前两位表示alpha通道值，00表示完全透明，FF表示完全不透明；后六位则是这个颜色的RGB值。

7292 0

IE下尚未实现错误的原因

IE下JS执行，提示“尚未实现”的错误，在firebug中没有任何错误提示。...打开IE就遇到该死的“尚未实现错误”，根据IE中提示的位置找过去也没有发现任何错误，看来IE的报错定位也不太准确。 ...在网上找到的原因：错误在于window.onload= myFunc(var1,var2);IE的window.onload函数中不支持参数调用，虽然函数会照样执行，但是却会出现报错，影响后续脚本的继续执行...，下面是两种简单而有用的解决办法：再写一个函数，譬如function loadFunc(){ myFunc(var1,var2) },然后window.onload = loadFunc; 使用匿名函数

1K4 0

html 中超链接的写法,网页超链接样式的CSS写法「建议收藏」

“女士”其后面的子栏目的超链接与“女士”的超链接颜色一样，“养生”同样的。...先来看看网页中定义超链接样式的代码： a:link：超链接字体的颜色 a:hover：鼠标移动覆盖在超链接上面的颜色 a:active：当鼠标点击按下的时候颜色的一个变化 a:visited：超链接已经被访问后的文本颜色...，第二个定义了已经被访问的超链接的颜色，后面是定义了文本的下划线。...这里background用到了两个切换图片放在了一张图片素材上的方式写法，具体使用方法看：http://www.zongk.com/zongk/2.html 这篇文章总结，这篇文章主要是讲了在CSS样式中超链接的样式定义其中针对...演示中的素材我就随便做了一下，以及颜色选取，您可以根绝您实际情况来定义颜色，与背景图片素材的制作可以依据您实际需要制作。

2.5K3 0

CSS3-border-radius的兼容写法大全

＜meta name="author" content"郭菊锋,702004176@qq.com"＞ border-radius的兼容写法大全...　　/*stretch:默认值*/ 　　/*round:将图像平铺显示，但是如果最后一幅图不能装下，会空出位置出来把能装下的背景图进行拉伸已达到铺满背景的效果...head> 用图片来做边框border-image:url( ) 数值/宽度px stretch; 　　绘制四个不同的圆角边框的写法以及不同的兼容性的写法大集合...charset="utf-8" /> 5 6 ＜meta name="author" content"郭菊锋,702004176@qq.com"＞ 7 border-radius的兼容写法大全... 51 用图片来做边框border-image:url( ) 数值/宽度px stretch; 52 　　绘制四个不同的圆角边框的写法以及不同的兼容性的写法大集合

1.1K6 0

CSS3之flex兼容写法

今天还是变谈CSS3里的flex怎么处理兼容的 flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了，虽然现在低版本浏览器不支持，可是对于移动来说兼容性不是问题...容器样式 .box{ flex-direction: row | row-reverse | column | column-reverse; /*主轴方向：左到右（默认） | 右到左 | 上到下 ...-webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */} 2.子元素的兼容写法...这种兼容写法不一定起效的。尤其是在底版本安卓系统中。因为什么呢?因为所有都是向下兼容的，所以写法的顺序一定要写好了才起作用。就是把旧语法写在底下，个别不兼容的移动设置才会识别，哪些是旧的语法，你懂的。...所以上面的兼容写法应该是这样的才对 .box{ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /*

1.5K1 0

IE11的CSS兼容性问题

最近测试给了我一大堆BUG，一瞅发现全是IE11的。吐槽一下这个浏览器真的比较特立独行。很多默认的样式跟别的浏览器不同，而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍。...于是在网上搜了一下有没有专门针对IE11的CSShack，就是只对IE11生效的CSS样式，一查还真有。...就是在CSS样式文件中加一个@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){里面是你的样式}。　　...media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { div{padding:0 6px;} } 　　这里需要注意一下IE11...的样式要写在最后面防止被覆盖，当浏览器为IE11时，@media中的样式会被执行一遍。

2K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭