新的文档类型定义模型带来的问题--javascirpt/CSS
来源:互联网 发布:激光切割排版编程 编辑:程序博客网 时间:2024/06/10 02:34
if (document.documentElement && !document.documentElement.scrollTop)
// IE6 +4.01 but no scrolling going on
else if (document.documentElement && document.documentElement.scrollTop)
// IE6 +4.01 and user has scrolled
else if (document.body && document.body.scrollTop)
原来在HTML文件头部声明了这样一句:
<!DOCTYPE HTML PUBLIC "-//W
改成这样就好了:
<!DOCTYPE HTML PUBLIC "-//W
但页面稍有变化,感觉不爽,于是又在google里找,终于发现这是IE5与IE6的区别:
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
alert(scrollPos);
一切OK.
最近,很多人反映 下面的CSS定义在 loose.dtd和xhtml1-transitional.dtd下无效了:
body{
SCROLLBAR-FACE-COLOR: #f
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: #ff0000;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
overflow-y:hidden
}
解决办法就是
html,body{
SCROLLBAR-FACE-COLOR: #f
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: #ff0000;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
overflow-y:hidden
}
新的文档类型定义模型使用html 元素作为容器。
类似的还有
document.body.scrollHeight等结果为0
需要使用新的办法:
if(document.documentElement)
eleHeight = document.documentElement.scrollHeight
else
eleHeight = document.body.scrollHeight
- 新的文档类型定义模型带来的问题--javascirpt/CSS
- 高人的文章:关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法
- 扩展类型带来的问题
- 类型转换带来的问题
- 类型转换带来的问题
- 定义新的类型数据
- css嵌套带来的一个问题
- CSS盒模型的类型
- CSS带来的好处
- XML文件的文档类型定义(DTD)
- 使用NetBeans IDE进行基于组件的Web开发
- 如何将 PHP 应用程序国际化
- Ajax实现网易相册样式的修改
- Gridviw 首页/尾页/上一页/下一页/当前第几页/总共几页/跳转到第几页(下拉框)
- 姑娘病好了!
- 新的文档类型定义模型带来的问题--javascirpt/CSS
- xfire
- 在NetBeans中使用MySQL创建简单Web应用程序(一)
- 如何通过java程序去下载文件
- 程序员,你离坐牢还有多远
- Berkeley db 4.5.20 移植到ARM
- 解决 “serial8250: too much work for irq4”
- Windows线程同步与互斥技术总结
- 四种进程或线程同步互斥的控制方法