兼容浏览器 div固定浏览器窗口底部 浮动div
css内容:
<style type="text/css">
#ken_BB
{
padding-right:30px;
text-align: center;
color:Yellow;
vertical-align: middle;
font-size: 20px;
z-index: 999px;
left: 0px;
position: fixed;
bottom: 0;
background: #000;
width: 100%;
height: 40px;
line-height: 40px;
z-index: 9999;
opacity: .90;
filter: alpha(opacity=90);
_bottom: auto;
_width: expression(document.body.clientWidth);
_position: absolute;
overflow: hidden;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight- (parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
#ken_BB a
{
color: #fff;
letter-spacing: 2px;
}
#ken_BB a img
{
padding-bottom: 3px;
vertical-align: middle;
}
</style>
html内容:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>410838107--固定浏览器底部Div</title>
</head>
<body>
<div style="height:2000px;">中国佳酒招商网</div>
<div id="ken_BB">
<div ><a target="_blank">爱玩,但不要累,刺激,但不危险,努力工作,不枉此生,爱dota,爱美女</a> </div>
</div>
</body>
</html>
兼容浏览器 div固定浏览器窗口底部 浮动div的更多相关文章
- div固定顶部和底部
		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
 - css方法div固定在网页底部
		
css .bottom{width:%;height:40px;background:#ededed;;}/*重点后两句*/ body <div class="bottom" ...
 - CSS Div固定在网页顶部、底部、左侧、右侧
		
Div固定在网页顶部 .header { width:100%; height:80px; background-color:#FAFAFA; position:fixed; top:; left:; ...
 - div固定在屏幕底部
		
项目中需要实现div一直显示在屏幕的底部,不管页面有多长或者多端都需要满足. 在网上找的用js实现的,移动时会闪动,效果不是特别好.也可能是没找到好的. 相比js,我更希望使用css实现 1 < ...
 - 固定一个div在浏览器底部
		
转自原文 如何固定一个div在浏览器底部 方法1:使用CSS绝对定位 div{ position:absolute; bottom:0px; left:0px; } 方法2:使用CSS固定定位 d ...
 - 内容高度小于窗口高度时版权div固定在底部
		
<!doctype html><html><head><meta charset="utf-8"><title>文档内容 ...
 - div固定在浏览器的最上方,不随滚动条滚动
		
#topDIV { position: fixed; ; ; width: 100%; height: 35px; border-bottom: 1px solid #eee; background- ...
 - 页面元素固定在页面底部的纯css代码(兼容IE6)
		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
 - 网页制作常见的问题(怎样兼容IE6/IE7/火狐浏览器)
		
1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG 例如: <style type="t ...
 
随机推荐
- 洛谷 1501 [国家集训队]Tree II BZOJ 2631 Tree
			
[题解] 维护乘法标记和加法标记的LCT #include<cstdio> #include<algorithm> #define Mod (51061) #define N ...
 - hdu 1166敌兵布阵(线段树入门题)
			
>>点击进入原题测试<< 思路:这两天在学线段树,这个题直接手敲一下线段树就行了,都没有用上懒人标记.入门题 cin,cout会超时,记得加std::ios::sync_wit ...
 - MySql join匹配原理
			
疑问 表:sl_sales_bill_head 订单抬头表 数据行:8474 表:sl_sales_bill 订单明细 数据行:8839 字段:SALES_BILL_NO 订单号 情 ...
 - java 源码分析2 -List
			
1.是一个接口,继承了Collection,提供了size(),isEmpty(),contanis(),iterator(),toArray(),clear()等方法 2.分析常用的ArrayLis ...
 - Contemplation! Algebra  矩阵快速幂
			
Given the value of a+b and ab you will have to find the value of a n + b n Input The input file cont ...
 - J - Invitation Cards 最短路
			
In the age of television, not many people attend theater performances. Antique Comedians of Malidine ...
 - POJ——1061 青蛙的约会
			
青蛙的约会 Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 117858 Accepted: 24599 Descript ...
 - sql server  2016
			
https://www.microsoft.com/zh-cn/server-cloud/products/sql-server/
 - ios測试的时候出现错误
			
dyld: Library not loaded: @rpath/XCTest.framework/XCTest Referenced from: /Users/zhumin/Library/De ...
 - Mysql 存储引擎中InnoDB与MyISAM差别(网络整理)
			
1. 事务处理 innodb 支持事务功能,myisam 不支持. Myisam 的运行速度更快,性能更好. 2,select ,update ,insert ,delete 操作 MyISAM:假设 ...