元素
解决办法：给父级也加相对定位
在IE6下，绝对定位元素的父级宽高是奇数的时候，元素的right值和bottom值会有1px的偏差
不要给tr和tbody同时加样式，如果同时加，在IE6下，只显示tr的样式 thead同理
在IE6、7下，输入类型的表单控件上下各有1px的间隙 解决办法：给input加浮动
在IE6、7下，输入类型的表单控件加border:none无效;(用border:0可以解决)
解决办法：重置input的背景
在IE6、7下，输入类型的表单控件输入问题的时候，背景图片会跟着一块移动
解决办法：把背景加给父级
元素浮动之后 能设置宽度的话 就给元素加宽度 如果需要宽度是内容撑开 就给它里边的块元素加上浮动；
21
Lesson11 1 兼容性1 PNG24 兼容性问题 IE6不支持png24 图片。
解决方案：1、JS插件(问题:不能处理body之上png24)
2、原生滤镜
_background:none;_filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\
html条件注释语句(在IE9以上不起作用)
css hack
hack 黑客？ （原意：修改）
针对不同的浏览器写不同的CSS 样式的过程，就叫CSS hack! \\9 所有的IE10及之前 + * IE7及ie7之前的ie浏览器认识 _IE6及ie6之前的ie浏览器认识
22
样式优先级、提升样式优先级
默认 < 类型 < class < id < style(行间) 在IE6下 在important后边再加一条同样的样式，会破坏掉important的作用，按照默认的优先级顺序来走 2 兼容性2 圣杯布局（双飞翼布局） 左右宽度固定，中间宽度自适应伸缩；并且中间先加载 等高布局 左右两列高度自适应扩展，并且相等 在IE6下，使用margin负值超出父级的部分会被截掉 解决办法：给这个元素加相对定位 Lesson 12 1 HTML进阶1 热区 shape=\ 23 coords=\ href=\ shape=\ coords=\ map 热区 area 点击区域 shape = “circle”圆型 coords =“圆心点X，圆心点Y，圆的半径” shape = “rect” 矩形 coords = “矩形左上角X，矩形左上角Y，矩形右下角X，矩形右下角Y” shape = “poly”多边形 coords = “第一个点X，第一个点Y，第二个点X，第二个点Y，?” data uri 优点：减少HTTP请求数； 缺点：无法被重复利用；会使文件变大 http://dancewithnet.com/lab/2009/data-uri-mhtml/create/1376100722.php iframe iframe的样式设置问题 24 frameborder = “0”；scrolling = “no”； flash引入 Flash 插件 wmode=\” 让背景透明 在页面省引入视频 方法一：借助DW里面的插入flv 方法二：先把视频传到优酷网站，然后把html地址复制到embed标签里面 2 HTML进阶2 词内断行和省略号 text-overflow （clip | ellipsis） 在最后加上省略号 white-space:nowrap 文字不换行 word-break:break-all （所有文字顺序折行） word-wrap:break-word（溢出文字折行） 25