针对不同浏览器的css 简单

摘要:
在css的使用上,有时需要针对不同的浏览器做兼容,如下方法可以识别当前主流浏览器:备注:以color为例IE6:_colorIE6和IE7:*colorIE7:*+htmlclass这个只能针对class样式,不能对某个属性IE8:color:#fff\0其中#fff为举例区别IE和FF:color\0:#fff看看示例:----------------------------------------------css代码:.title{color:#00ffff;color\0:#00f;color:#0af\0;*color:#f00;_color:#ff0;height:30px;line-height:30px;text-align:center;font-size:14px;font-weight:bold;}--------------------------------------------html代码:不同浏览器测试

在css的使用上,有时需要针对不同的浏览器做兼容,如下方法可以识别当前主流浏览器:

备注: 以color为例


IE6:_color

IE6和IE7:*color

IE7: *+html class 这个只能针对class样式,不能对某个属性

IE8: color: #fff\0 其中#fff为举例

区别IE和FF: color\0: #fff

看看示例:

----------------------------------------------

css代码:

.title{color:#00ffff; color\0:#00f; color:#0af\0; *color:#f00; _color:#ff0; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold;}

--------------------------------------------

html代码:

<h2 class="title">不同浏览器测试</h2>

免责声明:文章转载自《针对不同浏览器的css 简单》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Java面试——多线程面试题总结JS,jQuery获取select标签中选中值的方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

在css使用自定义字体

在css文件中通过@font-face自定义字体,src 为字体文件的相对路径。 @font-face { font-family: "LED";//为字体取名字 src: url("fonts/HD_UnidreamLED.ttf") format('truetype');//字体文件 } //在样式中使用该字体 .led { font-size:50...

PHP操作Redis数据库常用方法

Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。 Redis支持的数据类型有 Stirng(字符串), List(列表), Hash(字典), Set(集合), Sorted Set(有序集合); 要让php能用上redis,首先就得安装redis扩展。 1.安装re...

多行文字内容溢出显示点点点(...)省略号

1、常规css方法——使Firefox以外主流浏览器文字溢出省略号表示 下图为此常用方法在各个浏览器下的表现: IE6浏览器下 IE7浏览器下 chrome谷歌浏览器下 Safari浏览器下 opera浏览器下 Firefox火狐浏览器下 可以看到,仅在Firefox火狐浏览器下无法实现文字溢出省略号表示,其文字直接从中间咔掉了。综...

9 个基于JavaScript 和 CSS 的 Web 图表框架

COMSHARP CMS 写道:jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web 图表的绘制,而不必象以往那样通过复杂的 Flash技术实现。本文介绍了9个优秀的基于 JavaScript 与...

CSS中如何将li横向排列

直接贴段例子代码吧: @{ Layout = null;} <!DOCTYPE html><style type="text/css"> .test li { float: left; 70px; margin: 3px; padding: 3px; list-style-type: none; display:inli...

CSS文本相关之水平排列[4]

在正常流中,文本都是从左往右、自上而下排列显示,如果想要改变排列方向的话,可以通过CSS属性来改变。 text-align属性 文本排列(text-align)可改变文本在水平上的方向,但不改变内部的排列方向; // 可选值: left(靠左、默认),center(居中),right(靠右) .txt { text-align: right; } w...