专注前端,专注网页设计分享 - (网页制作/模板制作/设计)755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | Tag标签 | 联系站长

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

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

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

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