专注前端,专注网页设计制作 - (承接网页制作/模板制作/设计) QQ:755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | TOP排行榜 | Tag标签 | 联系我们
当前位置: 网站首页 > 建站教程 > Div+Css教程 > >

css各个浏览器下的兼容模式

时间:2014-03-05来源:学技巧网站制作 作者:学技巧 阅读: 次 【 点评一下

div+css是个神奇的代码,给人以视觉的冲击。

今天就给大家分享下:

一:HTML识别浏览器

1. 除IE外都可识别
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.



二:IE6下的 positionfixed

置顶在最顶部:

/*IE6下的 position:fixed;*/
_position:absolute;
_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
/*IE6下的 position:fixed;*/


置顶在最底部:

/*IE6下的 position:fixed;*/
_position:absolute; top:0px;
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ? documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 1);
/*IE6下的 position:fixed;*/

三:强制换行/不换行

强制不换行
{
  white-space:nowrap;
  }
自动换行
{
  word-wrap: break-word;
  word-break: normal;
  }
强制英文单词断行
{
  word-break:break-all;
  }

分享到:
  • 用微信  “扫一扫”

    将文章分享到朋友圈。

    关注公众号:xue-jiqiao

本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!