浏览器兼容性
文章平均质量分 77
doctor_ni
8年的工作经验,现在也应该沉淀一下了,从今天开始每天写点,把自己的东西逐渐落实下来
展开
-
对html与body的一些研究与理解
<br />最近一直构思着写篇关于html标签的文章,虽说之前处理过html标签,也解决过不少棘手的问题,但是对其理解还不是很透彻,很多原理都是自己推测的。<br />在网上查阅相关资料想整合一下相关的信息,发现深入探讨html,与body的文章很少,只有在蓝色理想看到一篇“一叶千鸟”的这篇“正确认识html与body”有点价值,其余都没有什么相关的好文章。<br />而这里,我要讲述的与上面的交集并不多,只要是讲述一些关于html与body的各种表现,以及我自己对这些表现的合理的解释和并提供一些过去处理类原创 2010-09-08 09:39:00 · 1109 阅读 · 0 评论 -
table div layout
表格<br />table 总是有 layout 的,它总表现为一个已定义宽度的对象。在IE6中,table-layout: fixed 通常和一个宽度设为100%的表格相同,同时这也会带来很多问题(一些计算方面的错误)。另外在IE5.5和IE6的quirks模式下还有一些别的需要注意的情况。<br />相对定位元素(r.p.)<br />注意,由于 position: relative 并不触发 hasLayout,所以很多诸如内容消失或错位的渲染错误就会因此而起。这些现象可能会在刷新页面、调整窗口大小、翻译 2010-09-17 13:37:00 · 946 阅读 · 0 评论 -
IE hack
存在与IE8的兼容性问题简单一行代码,让IE8自动调用IE7的渲染模式只需要在页面中加入如下HTTP meta-tag:只要IE8读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示区别不同浏览器,CSS hack写法:什么是CSS hack(http://www.cssplay.org.cn/css-hack/index原创 2012-03-26 09:28:37 · 811 阅读 · 0 评论 -
10个IE浏览器不支持的很有用CSS属性
<br /> 尽管我们对CSS已经非常熟悉,应付日常的工作或在各个浏览器中搞定CSS的兼容性已经很得心应手,但是并不是所有的CSS属性都是那么的常用。在本文中,让我们看看10个可能非常有用但是在IE浏览器中(主要是IE6和IE7)却不能使用的CSS属性。<br /> (请注意,本文发表时尚未测试这些属性在IE8中的表现。我稍后会做一个测试页面,用来测试这些属性在所以IE浏览器中的表现。)<br />1、Outline<br /> 在调试CSS问题的时候,我常常在指定元素上添加border来精确的查看该元翻译 2010-09-06 13:15:00 · 451 阅读 · 0 评论 -
css IE FF
<br />现在我们在做网页的时刻总是要考虑一些浏览器之间的兼容问题。近期在做一个短信平台的项目。在项目的开发过程中让我遇到了一件头痛的事情就是IE7与IE8不兼容。后面想了许多办法得以解决。现共享如下:<br />如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:<br />CODE:<br /><meta http-equiv="x-ua-compatible" content="ie原创 2010-09-06 13:23:00 · 318 阅读 · 0 评论 -
正确认识html与body
<br />标准与非标准模式<br />standard模式后,定义和解析将更加严格,所有定义必须从顶级标签html开始。<br />可以理解为传统非standard模式定义body的用法,standard模式下都必须在html上定义。<br />高度100%的意义<br />认为standard模式下定义容器高度100%无效,是错误的理论。<br />如果需要body内的容器有100%高度,必须先定义body高度100%。<br />html与body的默认值<br />1. IE6.0环境下html默认原创 2010-09-08 09:51:00 · 350 阅读 · 0 评论 -
html body height width
<br />http://www.blueidea.com/tech/site/2006/3130.asp<br />在一般普通页面(无DTD格式声明),document.body各个属性说明:scrollHeight: 内容实际高度 scrollWidth: 内容实际宽度 clientHeight: 可见区域高度 clientWidth: 可见区域宽度 offsetHeight: 包括边线和滚动条的高度 OffsetWidth: 包括边线和滚动条的宽度 window.scrollTop, window.原创 2010-09-08 15:29:00 · 2222 阅读 · 0 评论 -
Quirks模式与standards模式区别
Quirks Mode中发生了什么?<br />Quirks Mode是一种浏览器(像IE,Firefox,Opera)操作模式。从根本上说,怪异模式(也称之为兼容模式)意味着一个相对新的浏览器故意模拟许多在旧浏览器中存在的bug,特别是在IE4和IE5中。<br />Quirks Mode是由文档类型探查法触发。也就是大家熟知的文档类型切换。这意味着浏览器检查一个HTML文档的开始,看它是否包含一个HTML规范所要求的文档类型声明。<br />Quirks Mode的目标是使旧页面显示出他们的作者想要的那原创 2010-09-09 09:36:00 · 1463 阅读 · 0 评论 -
Quirks模式与standards模式区别
Quirks Mode中发生了什么?<br />Quirks Mode是一种浏览器(像IE,Firefox,Opera)操作模式。从根本上说,怪异模式(也称之为兼容模式)意味着一个相对新的浏览器故意模拟许多在旧浏览器中存在的bug,特别是在IE4和IE5中。<br />Quirks Mode是由文档类型探查法触发。也就是大家熟知的文档类型切换。这意味着浏览器检查一个HTML文档的开始,看它是否包含一个HTML规范所要求的文档类型声明。<br />Quirks Mode的目标是使旧页面显示出他们的作者想要的那原创 2010-09-09 09:36:00 · 879 阅读 · 0 评论 -
RD8004: IE6 IE7 IE8(Q) 中浮动元素宽度的 shrink-to-fit 算法与标准规定的算法不同
标准参考<br />如果一个浮动元素的 'width' 是 'auto',并且它是一个非替换元素,那么它的宽度将会是shrink-to-fit。<br />shrink-to-fit的计算公式:min(max(preferred minimum width, available width), preferred width)<br />CSS2.1 并未给出 preferred minimum width、available width 和 preferred width 确切算法,通常,将内容中非明确的转载 2010-09-15 09:23:00 · 962 阅读 · 0 评论 -
CSS 兼容性和 Internet Explorer
<br />http://msdn.microsoft.com/library/cc351024.aspx<br /> CSS 兼容性和 Internet Explorer<br />随着每个新版本的 Windows Internet Explorer 的发布,对级联样式表 (CSS) 标准的支持也在稳步提高。 Internet Explorer 6 是第一个完全符合 CSS 级别 1 规范的 Internet Explorer 版本。 Windows Internet Explorer 8 完全符合 CS转载 2010-09-30 08:31:00 · 767 阅读 · 0 评论 -
设置居中
function setDivCenter(obj){ //Dialog对象宽高 var objwh = {w:0,h:0}; objwh.h = $(obj).height(); objwh.w = $(obj).width(); //Window宽高 var winwh = {w:0,h:0}; winwh.h = getWindowHeight(); winwh.w = getWindowW原创 2010-02-06 08:08:00 · 495 阅读 · 0 评论 -
font size
<br />CSS的字体样式设置相信许多人再熟悉不过,其实字体样式的设置并不仅仅限于我们平时常用的那几个属性,本文为您详细叙述 font-size 的字体样式设置的详细属性。<br />乍一听css字体设置很容易,其实真做起来不然,我们工程师使用全力,他们在不同浏览器调整字体的大小知道的得到合适的结果。实际上有一点深入的理解就能起到很大的作用。 <br />font-size 属性:<br />font-size属性可以被设置给任何一个HTML标签,即使是不能包含文本的标签也可以设置它,比如:可以被赋值是各转载 2010-09-09 09:31:00 · 492 阅读 · 0 评论