最强大的对联广告,所有浏览器支持,ie6无抖动,缩放页面ie6没有横向滚动条
2013-01-31 17:35
218 查看
<!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" />
</head>
<style type="text/css">
body{margin:0;padding:0;}
.wrap{width:990px;margin:0 auto;height:1500px;background:#ccc;}
* html,* html body{background-image:url(about:blank); background-attachment:fixed;}
.ad{width:100%;position:fixed;_position:absolute;top:110px;left:0;_top:expression(eval(document.documentElement.scrollTop+110));}
.bannerWrap{width:990px;height:0;position:absolute;top:0;left:50%;margin-left:-495px;}
.ad_left, .ad_right{background:#f00;width:100px;height:300px;position:relative;}
.ad_left{float:left;left:-105px;}
.ad_right{float:right;right:-105px;}
</style>
<body>
<div class="wrap">
正文内容
<p><a href="#">sdfasdffffffasdfasdf</a></p>
</div>
<div class="ad">
<div class="bannerWrap">
<div class="ad_left">asdfasf</div>
<div class="ad_right">asdfasf</div>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<style type="text/css">
body{margin:0;padding:0;}
.wrap{width:990px;margin:0 auto;height:1500px;background:#ccc;}
* html,* html body{background-image:url(about:blank); background-attachment:fixed;}
.ad{width:100%;position:fixed;_position:absolute;top:110px;left:0;_top:expression(eval(document.documentElement.scrollTop+110));}
.bannerWrap{width:990px;height:0;position:absolute;top:0;left:50%;margin-left:-495px;}
.ad_left, .ad_right{background:#f00;width:100px;height:300px;position:relative;}
.ad_left{float:left;left:-105px;}
.ad_right{float:right;right:-105px;}
</style>
<body>
<div class="wrap">
正文内容
<p><a href="#">sdfasdffffffasdfasdf</a></p>
</div>
<div class="ad">
<div class="bannerWrap">
<div class="ad_left">asdfasf</div>
<div class="ad_right">asdfasf</div>
</div>
</div>
</body>
</html>
相关文章推荐
- js 实现页面两边广告, 可关闭对联广告 随滚动条滚动 符合w3c标准
- 纯JS打造比QQ空间更强大的图片浏览器-支持拖拽、缩放、过滤、缩略图等
- 国人Web前端开发必备干货,一个完美支持IE6在内所有浏览器的CSS框架
- net控件中数据导到Excel的格式 首先,我们了解一下excel从web页面上导出的原理。当我们把这些数据发送到客户端时,我们想让客户端程序(浏览器)以excel的格式读取它,所以把mime类型设为:application/vnd.ms-excel,当excel读取文件时会以每个cell的格式呈现数据,如果cell没有规定的格式,则excel会以默认的格式去呈现该cell的数据。这样就给我们提供了自定义数据格式的空间,当然我们必须使用excel支持的格式。下面就列出常用的一些格式: 1) 文本
- 让所有浏览器包括IE6即支持最大宽度又支持最小宽度。
- 一个弹出层,相对浏览器居中,可以随浏览器缩放大小,有最大值和最小值(当然不支持ie6)
- xhtml在IE6下frame页面横向滚动条的问题
- js对联广告效果全面兼容所有浏览器
- frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法
- js 实现页面两边广告, 可关闭对联广告 随滚动条滚动 符合w3c标准
- 上传图片之前预览的效果(支持所有浏览器,包括IE6-8,chrome,opera,firefox等)
- (转)让所有浏览器支持HTML5 video视频标签
- 让你的页面对 IE6 显示出黑白色(多浏览器)
- 弹出框居中显示没有滚动条-页面也可以滚动
- 解决Bootstrap模态框切换时页面抖动 or页面滚动条
- 指定浏览器访问指定页面(支持UC、Opera、QQ、Dolphin、Skyfire、Steel、Google)
- 页面下沉抖动效果-网站HTTP连接没有效果-PC上有效果
- paip.提升用户体验---WEB程序页面的手机及平板浏览器兼容支持
- 2012-06-29 09:01 JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!
- css+div排版如何支持所有浏览器