位置: 编程技术 - 正文

css实现兼容各个浏览器的技巧的代码(css3兼容性问题)

编辑:rootadmin
在编写css样式表的时候常常会碰到一写浏览器兼容的问题,象是不同内核的浏览器显示就不一定相同,不同版本的的浏览器也会产生上下兼容的问题,如何解决这些问题成了我们苦恼的问题,如果你对css hack技术很了解的话,那这就是太简单不过了,不过对于那些不怎么解的人来说可真成了他们所苦恼的事。在这就从 赵磊官方博客 引来一篇文章来介绍兼容各个浏览器的技巧。但是你也不要认为只要是浏览器显示出现差错就事浏览器的问题,也很可能是你的结构不好,建议你好好去学习一下语义结构,毕竟盖房子要先搭钢筋的。 1,盒解释器的不同解释. 2,在ie中隐藏css,使用子选择器 html>body #box{ } 3,只有ie识别 *html #box{ } 4,在ie/win有效而ie/max隐藏,使用反斜杠 /* */ #box{ } 5,给ie单独定义样式 这里更加详细的说明 6,浮动ie产生的双倍距离 #box{ float:left; width:px; margin:0 0 0 px; //这种情况之下IE会产生px的距离 display:inline; //使浮动忽略} 这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,...不可控制(内嵌元素); #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的的效果 diplay:table; //for ff,模拟table的效果} 7,for oprea only @media all and (min-width:0px){/* opera */#box{ }} 8,IE与宽度和高度的问题 IE不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。 比如要设置背景图片,这个宽度是比较重要的。要解决这个问题,可以这样: #box{ width: px; height: px;}html>body #box{ width: auto; height: auto; min-width: px; min-height: px;} 9,页面的最小宽度 min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把 width当做最小宽度来使。为了让这一命令在IE上也能用,可以把一个<div> 放到 <body> 标签下,然后为div指定一个类: 然后CSS这样设计: #container{ min-width: px; width:expression(document.body.clientWidth < ? "px": "auto" );} 第一个min-width是正常的;但第2行的width使用了Javascript,这只有IE才认得,这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。 同样的办法也可以为IE实现最大宽度: #container{min-width: px;max-width: px;width:expression(document.body.clientWidth < ? "px" : document.body.clientWidth > ? ”px“ : ”auto";} ,清除浮动 .hackbox{ display:table; //将对象作为块元素级的表格显示}或者.hackbox{ clear:both;} 或者加入:after(伪对象),设置在对象后发生的内容,通常和content配合使用,IE不支持此伪对象,非Ie 浏览器支持,所以并不影响到IE/WIN浏览器。-------这种的最麻烦的...... #box:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} ,DIV浮动IE文本产生3象素的bug 左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距. #box{ float:left; width:px;}#left{ float:left; width:%;}#right{ width:%;}*html #left{ margin-right:-3px; //这句是关键} HTML代码<div id="box"> <div id="left"></div> <div id="right"></div></div> ,属性选择器(这个不能算是兼容,是隐藏css的一个bug) p[id]{}div[id]{} 这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用 属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.

推荐整理分享css实现兼容各个浏览器的技巧的代码(css3兼容性问题),希望有所帮助,仅作参考,欢迎阅读内容。

css实现兼容各个浏览器的技巧的代码(css3兼容性问题)

文章相关热门搜索词:css的兼容性的问题,css兼容ie,css兼容性有哪几种处理方案,css兼容ie,css兼容ie,css的兼容性的问题,css兼容性有哪几种处理方案,css 兼容,内容如对您有帮助,希望把文章链接给更多的朋友!

css中的行间距的代码 Css中行间距定义是:line-height:px;上面代码是将行间距设为px。长期以来,我在定义字体样式的时候,通常是这样:#myFont{font:pxtahoma;line-height:px;}今

HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解 scrollHeight:获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗

scrollWidth,clientWidth与offsetWidth的区别 scrollWidth是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)。clientWidth是对象可见的宽度,不

标签: css3兼容性问题

本文链接地址:https://www.jiuchutong.com/biancheng/372038.html 转载请保留说明!

上一篇:css 之 background-position-x

下一篇:css中的行间距的代码(css行与行之间的间距怎么调)

  • 计提个税与实际缴纳不一致
  • 车船税减免税优惠政策
  • 一般纳税人和小规模纳税人交税区别
  • etc开增值税票税率
  • 什么叫做负税
  • 报废汽车增值税税率
  • 无形资产的确认条件
  • 期间费用的界定
  • 小规模企业多交增值税
  • 企业清算需要什么
  • 高新技术企业在增值税有什么优惠
  • 销售折让会影响单价吗
  • 无效产权转移的契税需要征收吗
  • 支付运费价税合计
  • 税控技术服务费每年都可以抵扣吗
  • 生产型企业增值税率是多少
  • 外地预缴个人所得税会计分录
  • 专用发票第一次怎么开
  • 反倾销税由谁缴纳
  • 机顶盒包括
  • 利息保障倍数为负数说明什么
  • 置换补贴款
  • 增值税5%的税率怎么算
  • 退税勾选后怎么申报
  • 涉嫌虚开发票的几种情况
  • 建筑中小企业
  • 电脑玩游戏卡怎么弄
  • 交割单和对账单一样吗
  • 接待客人后的感受和过程
  • 应付票据到期怎么处理
  • 提取企业发展基金用到银行存款科目吗
  • 北极熊睡觉图片卡通
  • zendstudio写好程序怎样运行
  • 溢价购买子公司账务处理
  • 补缴以前年度公积金账务处理
  • 扶贫小额信贷分析报告
  • 商业承兑汇票贴现流程
  • 外国人在中国工作的基本条件
  • 循环表是线性表吗
  • 5 分钟速通 SVG
  • python如何对齐输出
  • 一般纳税人接受的下列服务中不得抵扣进项税额的有
  • 税局代个人开增值税普通票样板
  • 投资现金流负值表示什么
  • 影响企业所得税的因素
  • 去年的成本做少了咋办
  • 购货方收到销售折扣发票怎么入账
  • 多缴纳了个税税率怎么办
  • 企业的借款费用有哪些处理方法
  • 机械租赁带司机和不带司机的税率
  • 员工领备用金不还能起诉吗法院
  • 酒店购买的床单被罩怎么入账
  • 开具销项负数发票会计分录
  • 五金行业怎么开店
  • 房地产开发企业分为几个等级
  • sql server索引的使用
  • 监控系统文件
  • mysql5.7.22安装配置教程
  • windows7创建虚拟桌面
  • 流言:Win9或终止32位系统 加速64位平台
  • linux lftp命令
  • 用u盘安装ubuntu
  • 帝国时代2能在win10
  • win7系统开机进不去
  • mac怎么共享打印机设备
  • xpcpu占用100
  • mssvr.exe - mssvr是什么进程 什么用
  • win7系统打不开win10安装包
  • win10系统无法运行海岛大亨5
  • Android:ValueAnimator的使用举例
  • cocos2d安装
  • unity3d模型怎么制作
  • unity3d游戏开发标准教程pdf
  • js如何修改style
  • python内建函数 代码
  • 船舶吨税的税率怎么算
  • 电子签章在电脑上怎样加印章
  • 高速公路过路费电子发票在哪里开
  • 契税有发票吗,还是纳税证明
  • 加计扣除的税收分类编码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设