IE6及以上版本fixed问题解决方案,页面右下角固定页面,可以最大化、最小化、正规显示
在窗口固定位置显示内容使用fixed,但是 IE 6 不支持,后来我搜了很多方法,都没有作用,后来类比着一个网站的代码,使用absolute 、z-index解决了问题。
页面div结构:
<div runat="server" id="divMap" class="divMap" >
<div class="divMapTool">
<img alt="最大" title="最大" class="bigestImg" src="../../Css/images/bigest.JPG" />
<img alt="正常" title="正常" class="normalImg" src="../../Css/images/normal.JPG" />
<img alt="最小" title="最小" class="smallestImg" src="../../Css/images/smallest.JPG" />
</div>
<iframe runat="server" id="mapIframe" src="http://192.168.27.208/webgis/webgis.html" frameborder=; scrolling="no" >
</iframe>
</div>
样式:
*html
{
background-image:url(about:blank);
background-attachment:fixed;
} /*各个小图片*/
.bigestImg,.normalImg,.smallestImg
{
border:0px;
width:15px;
height:15px;
z-index: ;
position: absolute;
cursor:pointer; }
/*3个小图片中间间隔5px,和两边间隔10px */
.smallestImg
{
left:10px;
}
.normalImg
{
left:30px;
}
.bigestImg
{
left: 50px;
} /* 3个小图片外层的div */
.divMapTool
{
left:0px;
z-index:;
position: absolute;
height: 15px;
width:75px;
}
/* iframe的样式*/
#mapIframe
{
z-index:-;
position:absolute;
width:250px;
height: 250px;
} /*最外层div 初始化时的样式*/
#divMap
{
z-index: ;
border:0px;
position: absolute;
width:250px;
height:265px;
overflow:hidden;
bottom: 10px;
right: 10px;
}
脚本:
<script type="text/javascript">
$(function () {
$(".smallestImg").click(function () {
$("#mapIframe").height().width(); //最小化不显示Iframe
$("#divMap").height().width();
});
$(".normalImg").click(function () {
$("#divMap").height().width() ;
$("#mapIframe").height().width();
});
$(".bigestImg").click(function () {
var height = $(window).height();
var width = $(window).width();
$("#divMap").height(height - ).width(width - );
$("#mapIframe").height(height - ).width(width - );
});
});
</script>
IE6及以上版本fixed问题解决方案,页面右下角固定页面,可以最大化、最小化、正规显示的更多相关文章
- Layui父页面向子页面传参
废话不多说!直接上代码! 父窗体js $('.mytable').on('click', '.editRow', function () { var table = $('#table_id_exam ...
- IE6浏览器不支持固定定位(position:fixed)解决方案(转)
IE6浏览器不支持固定定位(position:fixed)解决方案 来源:互联网 作者:佚名 时间:12-04 10:54:05 [大 中 小] 点评:有些朋友在进行网页布局时,会遇到IE6浏览器 ...
- 解决IE6不支持position:fixed属性
最近在优化网站浮动广告时候遇见了IE6不支持position:fixed属性.上网收集了一下解决方案 比较好的方案就是利用css表达式进行解决 补充:CSS Expression (CSS 表达式), ...
- 解决IE6下Position:fixed问题(只用css)
在IE6.0及以下版本的浏览器里是不支持position:fixed.而在IE7,IE8,firefox,opera,chrome都可以完美的支持此特性的.解决此问题的要点主要有: 1).容器要有一个 ...
- IE6浏览器兼容问题及部分解决方案(网上整理)
作为一个初涉前端技术的IT菜鸟,IE浏览器的兼容问题是一个不得不跨越的坎.为了能够在不同浏览器达到同样的显示效果,就不得不花心思想出办法实现兼容.由于各大主流浏览器内核不同,各自的实现标准有所差异,因 ...
- 修正IE6不支持position:fixed的bug(转)
众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著.前些天我做自己的博客模板的时候,遇到了这个问题.当时就简单的无视了IE6— ...
- 完美解决IE6不支持position:fixed的bug
示例代码: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" cont ...
- js完美解决IE6不支持position:fixed的bug
详细内容请点击 <!DOCTYPE html><html><head><meta http-equiv="Content-Type" co ...
- 解决IE6浏览器下position:fixed固定定位问题
像你所遇到的问题一样, IE6浏览器有太多的bug让制作网页的人头疼.这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法.如果我们需要做某个元素始终位于浏览器的底部, ...
随机推荐
- 初识RPC协议
什么是rpc框架 先回答第一个问题:什么是RPC框架? 如果用一句话概括RPC就是:远程调用框架(Remote Procedure Call) 那什么是远程调用? 通常我们调用一个php中的方法,比如 ...
- 配置ogg异构oracle-mysql(3)目的端配置
目的端配置大致分为如下三个步骤:配置mgr,配置checkpoint table,配置应用进程 在目的端先创建一张表,记得带主键: mysql> create database hr;Query ...
- ☆ ☆ VMware9虚拟机安装MAC OS X Mountain Lion 10.8.2详细图文教程 (转)
参考 http://diybbs.zol.com.cn/1/34037_699.html 然后对安装的Mac系统进行升级到最新版本. 安装mac系统之后,再安装VMTOOLS darwin. 方法可 ...
- ASCIIHexDecode,RunLengthDecode
public static byte[] ASCIIHexDecode(byte[] data) { MemoryStream outResult = new MemoryStream(); bool ...
- Linux学习笔记(5)Linux常用命令之文件搜索命令
(1)find find命令用于文件搜索,所在路径/bin/find,其语法格式为: find [搜索范围] [匹配条件] 1)-name:根据文件名搜索,如搜索/etc下的init文件 [root@ ...
- 【SSH】 之 Struts2
(一)Struts2是什么? Struts2是一个基于MVC设计模式的Web应用框架,它本质上相当于一个servlet,在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与 ...
- 一张图入门python
- [bzoj1068]压缩[区间动规]
看了lujiaxin的blog,感觉自己好浪啊....好难过 刷题的时候不够投入,每种算法都是只写一两道就过去了,这样怎么可能进步嘛 不要总是抱怨时间太少了 都是自己不努力>_< 好啦 看 ...
- 让Docker使用国内的镜像服务
使用 Docker 的时候,需要经常从官方获取镜像,但是由于显而易见的网络原因,拉取镜像的过程非常耗时,严重影响使用 Docker 的体验.因此 DaoCloud 推出 Docker 加速器解决这个难 ...
- 在windows环境中用eclipse搭建hadoop开发环境
1. 整体环境和设置 1.1 hadoo1.0.4集群部署在4台VMWare虚拟机中,这四台虚拟机都是通过NAT模式连接主机 集群中/etc/hosts文件配置 #本机127.0.0.1 localh ...