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;属性的办法.如果我们需要做某个元素始终位于浏览器的底部, ...
随机推荐
- [译] Extending jQuery Part1 Simple extensions
本章包含: JQuery 的起源和目标. 你能扩展JQuery 的那些部分. JQuery 扩展的实例. 如今,JQuery 已经是网络上最受欢迎的JavaScript Library. 1.1 jQ ...
- Windows 历史
- [SQL]oracle 的to_char、to_number、to_date用法
关键字: oracle 的to_char.to_number.to_date用法 TO_CHAR 是把日期或数字转换为字符串TO_DATE 是把字符串转换为数据库中得日期类型转换函数TO_NUMBER ...
- 等号赋值与memcpy的效率问题
转自:http://www.aiuxian.com/article/p-1309055.html 偶尔看到一个说法,说,小内存的拷贝,使用等号直接赋值比memcpy快得多.结合自己搜集到的资料,整理成 ...
- 协处理器,王明学learn
协处理器 协处理器用于执行特定的处理任务,如:数学协处理器可以控制数字处理,以减轻处理器的负担.ARM可支持多达16个协处理器,其中CP15是最重要的一个. CP15提供16组寄存器 通过提供的16组 ...
- Zigzag
date: 2015-09-24 21:09:00 Print Zigzag 思路: 1 首先是按行输出,每行输出相同位置的下一间隔为row*2-2,行游标0 初始化时(每一行的首个斜向部分),j=i ...
- mageView图片显示出来 ()
ImageView图片显示出来: igSign 是 ImageView的实例 igSign.setImageDrawable(getResources().getDrawable(R.drawable ...
- 数据库是.frm,.myd,myi备份如何导入mysql (转)
今天找了个案例,琢磨了半天,才分析大概出来,数据库是.frm,.myd,myi备份,不会导入mysql,到网上找了些资料,导入成功. 首先说一下这几种文件是干什么的,*.frm是描述了表的结构,*.M ...
- HDU 2243 考研路茫茫——单词情结(AC自动机+矩阵)
考研路茫茫——单词情结 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total ...
- Codeforces Round #161 (Div. 2) D. Cycle in Graph(无向图中找指定长度的简单环)
题目链接:http://codeforces.com/problemset/problem/263/D 思路:一遍dfs即可,dp[u]表示当前遍历到节点u的长度,对于节点u的邻接点v,如果v没有被访 ...