兼容性解决方案

1、标准浏览器下给div设置padding后会导致width和height增加,但IE不会。

  方法:文档声明DOC |  用!important解决

2、垂直居中:line-height=div的height,再通过vertical-align:middle;( 注意内容不要换行)

3、浮动IE产生的双倍距离,在IE下,当一个div设置了float后,然后给他设置margin,就会出现加倍的margin

  方法:给div设置*display:inline

时间: 2025-01-04 06:10:33

兼容性解决方案的相关文章

CSS的兼容性解决方案

什么是兼容性? 同一个网页,在不同浏览器下(IE6.IE7.IE8)下的显示效果不一致,这就是说"CSS不兼容". IETESTer可以同时测试IE5.5.IE6.IE7.IE8这些版本的网页效果. 解决CSS兼容性的方法 CSS全局设置的重要性 常用的CSS兼容性的总结 CSS HACK(不推荐使用) CSS全局样式的设置 1.清除网页中所有标签的内填充和外边距 ????body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,

Javascript事件机制兼容性解决方案

原文:Javascript事件机制兼容性解决方案 本文的解决方案可以用于Javascript native对象和宿主对象(dom元素),通过以下的方式来绑定和触发事件: 或者 var input = document.getElementsByTagName('input')[0]; var form = document.getElementsByTagName('form')[0]; Evt.on(input, 'click', function(evt){ console.log('inp

Js获取元素样式值(getComputedStyle&currentStyle)兼容性解决方案

因为:style(document.getElementById(id).style.XXX)只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. 一般js获取内部样式和外部样式使用getComputedStyle,以及currentStyle. IE下获取元素的实际属性值使用currentStyle属性,getComputedStyle同currentStyle作用相同,但是适用于FF.opera.safari.chrome.但用这种方法在IE7,IE8,IE9获取元素属性值

对于IE 10 以下版本placeholder的兼容性解决方案

<!-- 对于IE 10 以下版本placeholder的兼容性调整 --> <!--[if lt IE 10]> <script> $(function(){ $("input[type!='password'],textarea").bind({ "focus":function(){ var placeholderVal = $(this).attr("placeholder"); var realVal

IPv6-only 的兼容性解决方案

前几天Apple宣布 6月1日后所有应用必须支持IPv6-only网络 今天抽空看了下这方面的知识 首先解释下IPv6的是什么? 维基百科的定义如下:IPv6是Internet Protocol version 6的缩写 全名为互联网通讯协议第6版 是互联网协议的最新版本,用于分组交换互联网络的网络层协议,旨在解决IPv4地址枯竭问题IPv6具有比IPv4大得多的编码地址空间.这是因为IPv6采用了128位的地址,而IPv4使用的是32位.因此新增的地址空间支持2128(约3.4 ×1038)个

网页图片下载兼容性解决方案

通常我们需要下载某个图片,可以直接通过a标签的 sr c指向需要下载的图片地址,并为a标签添加  download 属性即可 <a :href='recodeurl' class='test' download="img">下载二维码</a> 但 download 的兼容性问题也是很明显的,由下图可知,ie浏览器完全不支持该属性 so  我们只能通过js来寻求解决办法,来达到对图片下载的完美支持 $(function () { (function () { va

Web开发中常见的兼容性解决方案(持续汇总...)

大纲 问题背景 HTML篇 CSS篇 Javascript篇 参考资料 问题背景 由于市场上浏览器种类众多,而不同厂商的浏览器其内核亦不尽相同,甚至同一厂商,不同版本之间的浏览器解析都有所不同.所以各个浏览器对网页的解析就有一定出入,这也是导致浏览器兼容问题出现的主要原因. 我们的网页需要在主流浏览器上正常运行,就需要做好浏览器兼容.同一个功能我们可能有很多不同的代码实现方式,我们尽可能的选择兼容性高的写法. HTML篇 CSS篇 Javascript篇 参考资料 结束语 每个程序员一生要学习1

MathType requires a newer version of MT Extra等MathType问题的不兼容性解决方案

常见问题解决方法: 1.MathType 6.0与office 2007兼容问题 由于Office软件安装时默认是不安装公式编辑器的,在安装完MathType 6.0之后,需要将\MathType 6.0\OfficeSupport\目录中的MathType Commands 6 For Word.dot复制到C:\Documents andSettings\当前用户名\Application Data\Microsoft\Word\STARTUP目录中,重新打开Office2007Word之后

浏览器兼容性解决方案

一: 1.为什么浏览器对于页面的渲染会有差异,因为他们没有完全的遵循W3C的规范.  所以为了针对不同的浏览器实现相同的渲染效果. 为主流浏览器写一套属性兼容方案.   就是在属性前 + 浏览器内核的前缀. 2.css  hack. 3.用javascript来解决渲染的不一致. 4.针对IE, 用条件语句,加载对应版本的css样式表. 二: 1. 如何判断当前浏览器的内核呢?