IE浏览器跟火狐浏览器兼容写法2

XHTML+CSS兼容性解决方案小集 ! 我就先把一些我遇到的问题写在下面:

		1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:

		div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样:

		div{maring:30px;margin:28px}重复定义的话按照最后一个来执行,所以不可以只写margin:XXpx!important;网页教学网

		2.IE5 和IE6的BOX解释不一致IE5下

		div{width:300px;margin:0 10px 0 10px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px,而在IE6和其他浏览器上宽度则 是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时可以做如下修改

		div{width:300px!important;width/**/:340px;margin:0 10px 0 10px}

		3.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义

		ul{margin:0;padding:0;}就能解决大部分问题

		4.关于脚本,在xhtml1.1中不支持language属性,只需要把代码改为

IE浏览器跟火狐浏览器兼容写法2

时间: 2024-11-06 07:10:24

IE浏览器跟火狐浏览器兼容写法2的相关文章

IE浏览器跟火狐浏览器兼容写法3

HACK设置 仅IE7识别 *+html {…} 当面临需要只针对IE7做样式的时候就可以采用这个HACK. IE6及IE6以下识别 * html {…} 这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK.其它浏览器不识别. html/**/ >body select {……}网页教学网 这句与上一句的作用相同. 仅IE6不识别 select { display /*IE6不识别*/:none;} 这里主要是通过CSS注释分开一个属性与值,流释在冒号前.

IE浏览器跟火狐浏览器兼容写法(1)

CSS样式表在Firefox和IE下的区别 总结的一些CSS在FF和IE下的区别!可能不完整,以后会陆续补充. FireFox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 FireFox: 设置 padding 后, div 会增加 height 和 widt

Js获取当前浏览器支持的transform兼容写法

// 获取当前浏览器支持的transform兼容写法 function getTransfrom() { var transform = '', // document.createElement() 创建元素节点, divStyle = document.createElement('div').style, // 返回的是一组object对象,里面包含了transform // 可能涉及到的几种兼容性写法,通过循环,找出浏览器识别的那个 // 依次为: 全部.Safari 和 Chrome.

ie浏览器和火狐浏览器对对容器宽度定义的差异

首先我们说说firefox和IE对CSS的宽度显示有什么不同: 其实CSS ’width’ 指的是标准CSS中所指的width的宽度,在firefox中的宽度就是这个宽度.它只包含容器中内容的宽度.而Internet Explorer ’width’则是指整个容器的宽度,包括内容,padding ,border. Firefox中:容器占的宽度=内容宽度+padding宽度+border宽度 IE中:内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding

火狐浏览器下载|火狐浏览器Firefox电脑版下载

网络上chrome是最火的,速度是最快的,但那是以前,后来的IE,火狐速度都已经和他一样了,微软的新浏览器edge更是号称超越它,但火狐是当今唯一单线程浏览器,就凭这一点,就能说他了不起了,当你看到那chrome几十个线程在运行 的时候,你是否对火狐重新看待了吗?火狐浏览器下载链接火狐浏览器是一个自由及开放源代码网页浏览器,拥有最先进的技术.最强大的性能,还有着极高的运行速度和加载速度,还被网友们公认为速度之王.而且它的内置插件也很丰富,隐私保护也做的很周全,因此受到广大网友的喜爱.并且里面的许

关于document.body.scrollTop 的谷歌,火狐浏览器兼容问题

最近开发页面, 出现一个问题, 弹框在谷歌浏览器正常,在火狐浏览器中, 当滚动条滚动之后,弹框就显示在上面,也就是说document.body.scrollTop 它只适用于google浏览器, 火狐浏览器就要改为document.documentElement.scrollTop,但是如果做兼容的话,我的解决方法是document.documentElement.scrollTop + document.body.scrollTop. 这样就解决的不兼容的问题.

人工智能 - 基于火狐浏览器的语音识别,语音自动回复

目录 人工智能 - 基于火狐浏览器的语音识别,语音自动回复 一. 需求工具 二. 不废话,上代码 1. index.HTML 2. adiou.py(封装的 百度AI, 图灵机器人 函数) 3. app.py(路由视图, 逻辑)**** 4. mongodb.py 5. run.py(Flask启动) 人工智能 - 基于火狐浏览器的语音识别,语音自动回复 一. 需求工具 下载安装火狐浏览器 因为火狐浏览器自带麦克风 安装Recorer.js 一个易于使用的录音机,以Matt Diamond的 录

Ubuntu & 配置火狐浏览器

Ubuntu确实不太友好,自带的火狐浏览器是旧版的,而且不可以登录中国区的火狐帐号,因此需要将其卸载. 但是下载的火狐是解压版的,不会向系统中添加快捷方式,使用起来并不方便. 假设下载后的火狐浏览器安装包存放于~/library/program中 [email protected]:~$ cd ~/library/program/ [email protected]-pc:~$ tar -xf Firefox-latest-x86_64.tar.bz2 [email protected]-pc:

currentStyle和getComputedStyle的兼容写法

今天学习javascript的时候,教程中介绍了一种简单实现jQuery 中css()方法的写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div{ width: 200px; height: 200px; background: re