<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gbk" />
<title>网页底部浮动条代码 兼容IE、火狐浏览器</title>
<style type='text/css'>
html, body {
margin: 0;
padding: 0;
}
body {
/* 这里不能加position: relative */
}
#content {
font-family: 微软雅黑;
font-size: 36px;
line-height: 60px;
width: 960px;
margin: 0 auto;
}
#content p {
text-indent: 2em;
}
#overlay {
opacity: .5;
filter: alpha(opacity=50);
background: #ccc;
width: 100%;
height: 100px;
position: fixed;
_position: absolute;
bottom: 0;
}
</style>
</head>
<body>
<div id='content'>
<p>测试页面
<p>www.v404.cn
<p>网站频道
<p>网页底部浮动条代码 兼容IE、火狐浏览器
<p>测试页面
<p>www.v404.cn </p>
<p>网站频道 </p>
<p>网页底部浮动条代码 兼容IE、火狐浏览器 </p>
<p>测试页面 </p>
<p>www.v404.cn </p>
<p>网站频道 </p>
<p>网页底部浮动条代码 兼容IE、火狐浏览器 </p>
<p>测试页面 </p>
<p>www.v404.cn </p>
<p>网站频道 </p>
<p>网页底部浮动条代码 兼容IE、火狐浏览器 </p>
<p>测试页面 </p>
<p>www.v404.cn </p>
<p>网站频道 </p>
<p>网页底部浮动条代码 兼容IE、火狐浏览器 </p>
<p>测试页面 </p>
<p>www.v404.cn </p>
<p>网站频道 </p>
<p>网页底部浮动条代码 <a href="http://www.v404.cn/search/?/兼容/" title="搜索“兼容”的相关文章" target="_blank">兼容</a>IE、火狐浏览器 </p>
<p>
</div>
<div id='overlay'></div>
<!--[if IE 6]>
<script type="text/javascript">
(function(){
var overlay = document.getElementById('overlay'), t;
window.onscroll = function() {
t && clearTimeout(t);
t = setTimeout(function() {
// reflow
overlay.className = overlay.className;
}, 13);
};
})();
</script>
<![endif]-->
</body>
</html>
分享到：
相关推荐
纯css控制div保持在浏览器底部
本文将深入探讨如何使用CSS和DIV来实现这样一个多浏览器兼容的固定底部导航条。 首先，我们需要理解CSS中的定位属性，这在创建固定元素时至关重要。CSS中的`position`属性有四个主要值：`static`（默认值）、`...
本资源“始终居于浏览器底部的在线客服QQ代码”正是为了实现这一目的，它确保用户无论在网页上浏览到何处，都能方便地找到并联系到客服。 首先，我们需要理解的是代码的核心原理。它利用了HTML、CSS和JavaScript...
在网页设计中，"滚动条到底部弹出div"是一种常见的交互效果，它通常用于实现无限滚动、加载更多内容或显示底部菜单等场景。这个功能是通过JavaScript和CSS结合实现的，下面我们将详细探讨如何实现这个效果。 首先，...
3.本例子解决了以上1和2两点问题，原创，兼容IE6到8和Google浏览器。（其他浏览器没测，不知道） 4.本例子只解决了页面不满一屏时的页底浮动问题，如果你的页面撑满一页有竖滚动条时，页底是固定不变的。 5.关于第4...
本文将深入探讨如何使用CSS+DIV来创建一个全屏页面上中下三行布局，并确保在各种浏览器中都能实现中间内容的居中显示。 首先，我们需要理解CSS的盒模型和定位概念。盒模型包括内容区域（content）、内边距（padding...
在网页设计中，"居底部显示"通常是指将某些元素如页脚（footer）固定在浏览器窗口的底部，无论页面内容如何滚动，这部分始终保持在视口的底部。这种布局方式在现代网页设计中非常常见，它能提供一致的用户体验，让...
在前端开发中，有时我们需要实现一个功能，即在向某个特定的`div`容器内添加新内容后，使该`div`的滚动条自动滚动到最底部，以确保新添加的内容能够立即呈现在用户的视线范围内。本文将详细介绍三种实现这一目标的...
总的来说，要使div中的文字在div的底部显示，可以通过设置合适的`line-height`并结合`overflow:hidden`来解决IE6的兼容性问题。而在现代浏览器中，使用Flexbox布局能提供更加可靠和灵活的解决方案。在实际应用中，应...
当设置一个元素的`position`属性为`fixed`时，该元素将相对于浏览器窗口定位，即使页面其他部分滚动，它也会保持在屏幕上的同一位置。然而，仅用CSS可能无法满足所有需求，特别是在响应式设计或动态内容加载时，此时...
### div+css在不同浏览器的兼容问题 #### 一、引言 随着互联网技术的发展，网页设计变得越来越重要。为了创建美观且响应迅速的网页，设计师们常常采用div+css布局方式。然而，在不同的浏览器环境下（例如Internet ...
标题中的“DIV向上滚动新闻,简洁JavaScript示例,高浏览器兼容性”指的是一种使用JavaScript技术来实现网页中DIV元素的向上滚动效果，通常用于显示新闻或者更新信息，以动态吸引用户的注意力。这个示例强调了代码的...
- 如果你想让这个`div`元素在窗口滚动时始终保持在视口底部，可以将它的顶部与浏览器窗口的底部对齐（`position: fixed;`，`bottom: 0;`）。 示例代码： ```css .parent { position: relative; } .sticky-...
在网页开发中，经常需要实现一些层（Div）在浏览器中居中显示的效果，这种效果在弹窗对话框或提示信息中尤为常见。要实现这样的效果，我们可以通过使用jQuery这个快速、小巧且功能丰富的JavaScript库来完成。本篇...
这样，当id为`div`的元素滚动到浏览器底部时，会触发回调函数，显示“我被回调了”的警告。 总结来说，这篇文章介绍了如何使用jQuery判断网页是否滚动到底部，并提供了封装成插件的方法，以便在不同场景下灵活运用...
2. **JavaScript动态调整**：在某些情况下，可能需要通过JavaScript动态地改变div的`border-radius`值，以实现动画效果或响应式设计。这可以通过获取元素的引用，然后修改其style对象的`borderRadius`属性来完成。 ...
在Web开发中，让一个DIV元素始终浮动在页面底部是一个常见的需求，尤其在制作页脚信息或者导航菜单时。页面底部的元素通常需要随着页面滚动而保持在窗口的底部，而不是随着页面内容的滚动而移动。实现这一效果可以...
在构建网页布局时，`div+css`是一个常见的方法，但它在不同的浏览器间可能存在兼容性问题。以下是一些关于如何让`div+css`在所有浏览器中保持一致性的关键注意事项： 1. **DOCTYPE声明**：DOCTYPE会影响CSS的解析...
在网页设计中，有时我们需要创建一个元素，如`div`，使其在页面滚动时始终保持在特定位置，这种效果通常称为“固定定位”（fixed positioning）。同时，如果该元素包含PNG图片，并希望在所有浏览器中实现透明效果，...
要在一个div元素的底部显示背景图片，可以使用CSS的background属性来设置。背景图片在页面中的位置可以通过background-position属性来控制，而是否让图片随页面滚动或保持固定，则可以通过background-attachment属性...