位置: 编程技术 - 正文

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行与行之间的间距怎么调)

  • 减免所得税如何申报
  • 怎么把销项税额进项税额给转掉
  • 明股实债的风险与防范
  • 个体工商户怎么补交个人所得税
  • 计提租赁费用
  • 公司收到待报解预算收入会计分录
  • 印花税的计税依据怎么算公式
  • 资产负债表中应收账款
  • 制造费用结转成什么
  • 计提工会经费的贷方账户为
  • 工会经费计税基数包含支付职工的辞退福利
  • 如何设置处理器个数如何设置显示器超频
  • 个人股东之间股权转让的溢价账务处理
  • 合作社土地入股协议
  • 一般纳税人租赁费的税率是多少
  • 企业注销递延所得税资产怎么处理
  • 联营商品如何做账
  • 园林绿化公司要交税吗
  • 个体户可以申请公章吗
  • 当前一般纳税人增值税税率
  • 服务费的发票
  • 团队建设费用怎么入账
  • 整体购买企业资产涉及哪些税
  • 住房公积金个人缴费比例
  • 增值税价外费用不包括
  • 预付的各种押金
  • 银行利息借贷方怎么做凭证
  • 文件夹如何更改图标
  • 飞鱼星路由器信号有点差怎么办
  • 清理c盘清理
  • macos big sur使用
  • ati2mdxx.exe是什么进程 ati2mdxx进程信息查询
  • PHP:highlight_file()的用法_misc函数
  • 超额累进税率包括
  • fpzs1是什么文件可以删除吗
  • 本期销售的单位成本怎么算
  • 阿尔萨斯葡萄园
  • 残保金是职工薪酬吗
  • window12最新系统
  • mkdir命令怎么用
  • 收回外币应收账款如何处理
  • 企业所得税的营业收入怎么填
  • sql server添加语句
  • 软件研发费用怎么做账
  • 租单位的房子怎么办营业执照
  • 筹建期间业务招待费的财税处理规定
  • 跨年错账更正
  • 出口的进项发票认证后要确认吗
  • 公司举行活动发言稿范文
  • 开出地税发票(工程款)怎么做账?
  • 以现金形式发工资违法吗
  • 以前年度财务费用漏记
  • 残保金逾期怎么办
  • 个人如何进行股票交易
  • 个人如何成立公司
  • 为什么要依法管理
  • 彻底删除sql server2019
  • 迅速修复系统漏洞的方法
  • win2000注册表
  • mac变得很卡很慢
  • 家庭版的海鲜大杂烩
  • ubuntu装完后重启找不到操作系统
  • centos control-d
  • mac电脑apple id
  • centos6.5配置ssh
  • windows8的ie浏览器在哪
  • linux 的ll
  • cocos2d动画
  • 猫的所有视频
  • python中文分词库
  • our与my的区别
  • Unity WWW网络动态加载和储存在本地
  • js parseint parsefloat
  • 如何python
  • js制作qq简易聊天框
  • 面向对象的基础知识
  • 陕西省国家税务总局班子成员
  • 河北税务登录密码是多少
  • 办理企业步骤
  • 东莞国税稽查分局局长
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设