一、跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,甚至是在不同操作同台上还会有不同。因此使CSShack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSSHack技术有很多,具体可以查看:本文据说的主要是通过“....
分类:
Web程序 时间:
2014-05-27 17:42:34
阅读次数:
266
问题1问题描述:IE6无法读取外部样式,甚至出现大量bug问题原因:外部样式文件编码,外部样式中文注释问题解决:把外部样式文件保存为utf-8,在文件开头添加“@charset
"utf-8";”,去掉中文注释
分类:
其他好文 时间:
2014-05-27 16:25:08
阅读次数:
262
.box {/*非IE6、IE7的主流浏览器识别的垂直居中的方法*/display:
table-cell;
//设置了这个属性之后,此元素会做为一个表格单元格显示,类似th、td,margin属性将不起作用vertical-align:middle;/*
针对IE6、IE7的Hack */*d.....
分类:
其他好文 时间:
2014-05-27 16:08:20
阅读次数:
321
其实在大多数浏览器(IE6, IE7, IE8, Opera 10+, Safari
5+,Chrome)中,都提供了 “mousewheel” 事件。但杯具的是 Firefox 却不支持此事件,不过庆幸 Firefox
中提供了另外一个等同的事件:”DOMMouseScroll” 。 OK,我们现...
分类:
其他好文 时间:
2014-05-26 23:13:18
阅读次数:
410
虽然现在很多比较大的网站已经不考虑ie6了,不过这些方法,或者其中原理还是值得记录下来的。所以整理的时候,把这篇文章留下了。看看现在这个层下面的select不是简单的隐藏了:)最后自己先点评下:上面的方法可以解决这个问题。不过有时也会只出现ifram白块,但要显示的东西没有出来这时你要修改“over...
分类:
其他好文 时间:
2014-05-26 22:01:36
阅读次数:
357
盒子模型(Box Model)是 CSS 的核心,现代 Web
布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此。然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自
IE6,一种来自W3C 标准浏览器。盒子模型下图就是一个典型的盒子模...
分类:
Web程序 时间:
2014-05-26 13:11:26
阅读次数:
348
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下百度一下,你就知道可以打开百度,右键查看源码看下!我们可以看下文件头是否存...
分类:
其他好文 时间:
2014-05-26 10:10:00
阅读次数:
217
今天学习二列和三列布局,将涉及到以下内容和知识点二列自适应宽度 二列固定宽度 二列固定宽度居中
xhtml的块级元素(div)和内联元素(span) float属性 三列自适应宽度 三列固定宽度 三列固定宽度居中 IE6的3像素bug
一、两列自适应宽度下面以常见的左列固定右列自适应为例,因为div...
分类:
Web程序 时间:
2014-05-25 23:21:08
阅读次数:
364
今天我们开始学习html列表,包含以下内容和知识点:ul无序和ol有序列表
改变项目符号样式或用图片定义项目符号 横向图文列表 浮动后父容器高度自适应 IE6的双倍边距bug
一、ul无序和ol有序列表无序列表是web标准布局中最常用的样式,代码如下:第五天 超链接伪类第四天 纵向导航菜单第三天 二...
分类:
Web程序 时间:
2014-05-25 03:39:13
阅读次数:
322
转载请注明出处:HTMl5自由者
4月份写的一篇关于IE6 Bug 怪异解析(模式)的文章,现在重新理解了下,就再写一篇详细一点的文章来补充下知识点。
怪异解析分两种情况;
① 当padding+border 时,
重点:
padding + border width,padding + border忽略掉,算进width里面,也就...
分类:
其他好文 时间:
2014-05-23 01:38:21
阅读次数:
198