<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ie6层固定</title>
<style type="text/css">
<!--
.box {
background-color: #09C;
height: 60px;
width: 100%;
position: fixed;
bottom: 0px;
left: auto;
right: auto;
line-height: 60px;
text-align: center;
_POSITION: absolute;/*兼容IE6*/
_TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/
}
.box a{color: #FFF;}
-->
</style>
</head>
<body>
<div style="height:2000px;">这个例子是实现层固定在浏览器窗口的最下面，兼容IE6.<br />
<br />
往下看，看页面的最下面</div>
<div class="box"><a href="http://liuxiaofan.com" target="_blank">我固定在页面底部，拖动浏览器的滚动条试试 = =>></a></div>
</body>
</html>
分享到：
相关推荐
在网页设计中，创建一个固定在页面底部的漂浮导航条是常见的需求，它能确保用户在滚动页面时始终保持导航可见，提供便捷的导航功能。本文将深入探讨如何使用CSS和DIV来实现这样一个多浏览器兼容的固定底部导航条。 ...
在探讨“层固定在底部的样式”这一主题时，我们主要关注的是如何通过CSS（层叠样式表）技术实现网页元素或层固定于浏览器窗口底部的设计。这种布局方式在现代网页设计中非常常见，尤其在导航栏、广告条、版权信息等...
总的来说，要在页面上实现一个固定在特定位置且具有透明PNG的`div`，你需要考虑CSS的`position: fixed;`，跨浏览器的透明性支持，以及可能的JavaScript或插件来处理旧版IE的问题。确保在实际项目中测试各种浏览器和...
在网页开发中，有时我们需要创建一个元素（如一个`<div>`），让它在用户滚动页面时始终保持在浏览器的特定位置，这种效果被称为“固定定位”（Fixed Positioning）。本实例将通过JavaScript实现一个`<div>`元素相...
这种方法虽然能兼容IE6，但可能会增加页面的复杂性和性能开销。 总的来说，fixedBox是一个实用的工具，能够帮助开发者轻松地实现跨浏览器的div固定漂浮效果，提高网页的交互性和可用性。在实际应用中，应根据项目...
为了让效果在不同浏览器间保持一致，我们需要考虑浏览器之间的兼容性问题，尤其是对于老版本的IE浏览器。 1. **HTML结构**： 创建一个包含QQ号码的div元素，作为漂浮客服的容器。例如： ```html <div id=...
你需要在不同的浏览器（如Chrome、Firefox、Safari、Edge和IE）以及不同设备（桌面、平板、手机）上进行测试，以确保浮动广告在各种环境下都能正常显示和运行。 总之，浮动广告JS代码的实现涉及HTML、CSS和...
这段 JavaScript 代码用于解决 IE6 及更低版本浏览器的背景图不平铺的问题。 #### 四、测试与优化 完成以上步骤后，可以通过浏览器进行测试，确保底部固定效果在各种浏览器中都能正常显示。同时，还可以根据实际...
这种定位方式会将元素固定在浏览器窗口的特定位置，即使页面滚动，元素也会保持在视野中。通常我们还会配合top、bottom、left和right属性来指定元素的具体位置。 接下来，z-index属性能够控制页面元素的堆叠顺序。...
5. **兼容性处理**：由于目标是兼容IE6至8，我们需要确保jQuery库的版本适用于这些旧版浏览器。同时，prettyPhoto插件可能需要一些额外的CSS和JavaScript hack来解决这些老版本浏览器的兼容性问题。例如，使用条件...
`是关键，它可以使元素始终固定在视口的某一位置。 接着，我们来看具体的实现步骤： 1. 创建一个用于固定的元素，例如`<div class="sticky-footer"></div>`。 2. 为该元素设置`position: fixed;`，使其脱离文档流...
在JavaScript中，获取鼠标位置距浏览器窗口距离是一项常见的需求，尤其是在实现交互式网页功能时。本示例将详细介绍如何通过JavaScript获取这一信息，并提供了一个实际的代码示例，同时解释了不同浏览器之间的兼容性...
以下是一个具体的示例，展示了如何通过CSS和JavaScript来实现元素的固定定位，并且兼容IE6、IE7以及Firefox等浏览器。 ```html <!DOCTYPE html> ; charset=utf-8"/> <title>fixed ie6 body { background-...
这种定位方式会让元素相对于浏览器窗口进行定位，而不是相对于其正常文档流或父元素。 下面我们将深入理解 AmazeUI 中固定元素的实现方式和使用技巧： 1. **基础用法**： AmazeUI 的固定定位通常通过添加特定的 ...
本篇文章将详细讲解如何使用jQuery来实现一个兼容IE6的返回顶部效果。 首先，我们来看HTML部分。这里创建了一个类名为`scroll`的div元素，它将作为返回顶部的按钮。这个div设置了背景图（`scroll.gif`），并使用`...
6. 优化与兼容性：在编写CSS时，要考虑到浏览器的兼容性问题，尤其是旧版本的IE浏览器。可以使用前缀（如-webkit-）来支持某些特性，或者使用polyfill库来弥补不支持的功能。 总结，"div+css"主页框架的构建涉及...
5. **浏览器兼容性**：描述提到这个代码兼容IE6/IE7/IE8以及火狐、Opera等主流浏览器。这通常意味着开发者使用了像jQuery这样的库，它提供了跨浏览器的API，以确保代码在各种环境下都能正常工作。 6. **用户体验**...
如果是，则需要将页脚固定在浏览器窗口底部，即将页脚的`position`设置为`absolute`，并将其`bottom`设置为`0`。 - 如果内容区域加上页脚的高度大于或等于视窗的高度，意味着内容已经超过了视窗高度，此时不需要...
`**：这是专为Internet Explorer提供的透明度设置方式，兼容IE5.5及以上版本。 #### 2.3 元素布局与样式调整 - **`.d_top, .d_body, .d_foot`**：这些类定义了不同部分的样式，如顶部、主体和底部，便于页面结构的...