昨晚写了一个知乎的首页练习,只完成了上半部分的练习。下半部分做了一个纯CSS的响应式下拉菜单(可以兼容IE6)。可以看出那个知乎两个大字下面的那行字是截图截下来的,有一点色差……代码如下:js的部分只用到了获取可视区域的宽度这一点。function setIndex() { var comm...
分类:
Web程序 时间:
2015-03-15 21:11:43
阅读次数:
178
浏览器的兼容性问题,通常是因为不同的浏览器对同一段代码有不同的解析,造成页面显示不统一的情况。这里谈到的浏览器,主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争先来谈谈CSS Hack 我们为了让页面....
分类:
Web程序 时间:
2015-03-15 18:05:24
阅读次数:
125
父子标签间用margin的问题,表现在有时除IE(6/7)外的浏览器子标签margin转移到了父标签上,IE6&7下没有转移。测试代码: box1_1 chrome & FireFox & IE8 & IE9下的效果为:IE6 & IE7 下的效果:应该和BFC有...
分类:
Web程序 时间:
2015-03-15 16:50:15
阅读次数:
136
注:本文转载于互联网.介绍:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了?迅速搜索...
分类:
Web程序 时间:
2015-03-15 16:28:47
阅读次数:
146
1、浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。2、IE6双边距bug:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。 解决方案:1.在float的标签样式控制中加入 displ....
分类:
其他好文 时间:
2015-03-15 16:26:28
阅读次数:
148
纯CSS弹出层,城市切换效果,兼容IE6/IE7/IE8,IE9未做测试,字色和字体字号可以自己在CSS里重新定义,这里为了突出功能,没有做过多修饰,为的是简洁,你懂的!...
分类:
Web程序 时间:
2015-03-15 13:58:27
阅读次数:
774
jQuery地图热点效果-鼠标经过弹出提示层信息,加入了提示框的内容自动换行处理(北京点上有演示)!估计差不多该是最后样式了。IE6、IE8、谷歌火狐、测试正常。...
分类:
Web程序 时间:
2015-03-14 17:02:16
阅读次数:
134
平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破DIV,让网页错位变乱。CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉,又不撑破DIV布局。
特别是在IE6,如果内容超出对象高度和宽度承载,将会被撑破增高,这个时候我们可以利用以下解决方法。
解决CSS样式
...
分类:
Web程序 时间:
2015-03-13 20:50:45
阅读次数:
127
一、CSS HACK以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用。1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)PLAIN TEXTCSS:#wrapper{wi...
分类:
Web程序 时间:
2015-03-13 16:19:44
阅读次数:
203
IE6识别:下划线 _ 和 星号 *IE7识别:星号 *IE6-IE10识别: \9css hack方式,条件注释法这段文字只在IE浏览器显示这段文字只在IE6浏览器显示只在IE6以上版本生效这段文字只在IE6以上(包括)版本IE浏览器显示只在IE8上不生效这段文字在非IE8浏览器显示非IE浏览器生...
分类:
Web程序 时间:
2015-03-13 16:00:04
阅读次数:
146