js+css制作选项卡特效,兼容IE6,IE7,火狐FF及Chrome 【WEB标准】

昨天有朋友让我做一个选项卡,兼容IE及FF等主流浏览器。今天上午抽空搞定,现把代码放出来,有些细节地方可能还需要自己做一下调整,我就不修改了,因为涉及到个人的皮肤样式。

先看一下运行效果吧。(此代码兼容IE6,IE7,火狐FF及Chrome)...

评论:(11)  浏览:()  More...

daniel,2009/6/1   Tags:js  选项卡  兼容  css  div  IE6  IE7  火狐  FF  Chrome  

CSS hack:区分IE6,IE7,firefox 【WEB标准】

使用HACK,可以巧妙地实现不同浏览器的兼容效果。主要使用*,_,!important;不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。...

评论:(0)  浏览:()  More...

daniel,2008/7/24   Tags:css  hack  IE6  IE7  Firefox  FF  

在IE6、IE7、FF等浏览器中使用min-height的技巧 【WEB标准】

  在IE6、IE7、FF等浏览器中使用min-height的技巧
  今天做网站的时候,又发现min-height在ie7和ff下使用有效,并且实现了预期的排版效果,然而在ie6中浏览,却发现有错位的现象,只显示了一部分,如何使ie6也具有min-height的属性呢?经过一番查找并实践,终于找到了解决方法,此方法在ie6、ie7、ff下均测试有效,其它的我就不敢保证了。
  css样式代码如下:

程序代码
min-height:500px;
_height:500px;
...

评论:(0)  浏览:()  More...

daniel,2008/1/18   Tags:IE6  IE7  FF  min-height  

DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过) 【WEB标准】

  今天朋友发现他的网站左侧的产品列表只显示了一部分,还有一部分没有显示,问我是什么原因,朋友用的是IE7,当时做网站的时候,我用的是FF,Myie,IE6测试均通过,没有出现排版错位的现象,IE7是例外,我没有用。今天下载下来一调试,果然是只显示一部分,现问题已经解决。并整理出来与大家共享!

  在控制显示的层的样式表里面加上下面代码:

程序代码
min-height:200px;
_height:auto;
...

评论:(0)  浏览:()  More...

daniel,2008/1/15   Tags:自适应高度  IE6  IE7  Firefox  DIV+CSS  

Powered By Z-Blog 1.8 Arwen Build 90619, 皮肤设计支持:异次元软件世界
网站SEO-WEB标准, Daniel's Blog, CopyRight 2009-2011, 鄂ICP备10001167号,