为什么有些IE浏览器不能显示绝对定位的内容?是版本问题?还是其他,有没有解决方法?

问题描述

为什么有些IE浏览器不能显示绝对定位的内容?是版本问题?还是其他,有没有解决方法?

解决方案

你的版本是什么,IE8或者以上用F12功能看下css怎么应用的。

解决方案二:
需要ie版本信息和使用的布局样式,再详细介绍下

解决方案三:
IE绝对定位元素神秘消失或被遮挡的解决

在进行网页布局设计的时候,经常会根据需要设置相对,绝对以及浮动定位最近突然发现了一个奇妙的现象:IE绝对定位元素神秘消失或被遮挡 首先是IE绝对定位元素神秘消失设置的绝对定位元素突然从IE浏览器下消失了,然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作IE下能显示,但是出现了莫名的留白,火狐下正常显示.至少这个现象表明,绝对定位元素在IE下神秘消失对相邻元素的浮动定位有关.查了相关资料,高人有这样的解释:

1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,以及没有清除浮动时,IE6/7,FF中显示一致;

2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;

3.当绝对定位层的邻近浮动层的宽度等于父层宽度时,以及没有清除浮动时,IE6不显示绝对定位层,IE7/FF显示;

4.当绝对定位层的邻近浮动层的宽度等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;

要解决这个BUG的方法也很简单,让绝对定位层不挨着浮动层放置就好了,还有个更简单的方法,在绝对定位元素和其他元素之间加一个空白的div。

再来看看绝对定位元素神秘消失被遮挡的现象

先了解一下所涉及到的几个定位特性:

  1. 相对定位元素默认的z-index的数值是0。
  2. 当两个相对定位同时出现时,代码靠后的z-index优先。
  3. 子级遵循父级设定的z-index;如果子级设定了绝对定位、z-index,可以冲破父级显示

看下面的代码:

解决方案四:
IE6 IE7绝对定位元素不显示的解决方法
http://blog.sina.com.cn/s/blog_3de4869d0100mcph.html

解决方案五:
z-index设置不够大被其他对象覆盖住了,或者父容器relative定位时,被其他relative定位的的容器遮盖住,要设置父容器的z-index

解决方案六:
ie版本问题吧,写两套css吧

相关文章


  • 代码-在IE10下图片不能正常显示,IE其他版本都正常?
  • 菜鸟一枚 求大神指点-php中模板页面a标签在ie中能用在其他浏览器中就不能用了,求大神指点。
  • net-一般处理程序显示不出图片
  • js-如何实现在某个固定区域内显示浮动效果啊
  • javascript-js 获取上传文件的绝对路径
  • css 兼容-CSS兼容ie8,浏览器模式与文本模式
  • ios-大神留步!!!iOS能不能关闭GPS定位而只开启其他的定位功能?
  • ie-求大神帮忙,IE浏览器不显示外部样式?
  • java开发-IE浏览器 浏览器模式和文档模式 开发中调试版本兼容问题
  • 方法-如图火狐最新浏览器38界面显示问题 在其他浏览器和火狐37都没有问题

【云栖快讯】他,一路保送,但可能不是你想象中的学霸; 他,曾是微软最年轻的技术管理者,挑战带领跨国团队; 他,后来加入阿里,成为阿里西雅图分部的第22名员工; 他,就是阿里通用计算平台负责人关涛! 通过短视频,为你揭晓他的成长和开发计算平台的经历,以及他对未来的展望!  详情请点击

热门推荐


  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇


  • 请求-httpClient 调用wcf服务 contract binding不一致
  • 网络编程-使用MFC做四国军棋如何能让不同玩家的视角不一样?
  • 图片-VC6.0在执行时为什么出现远程可执行的路径和文件

后三篇


  • udp-UDP 传输文件问题????
  • 位图解析系统相机返回的图片异常
  • delphi hell tem 接口-delphi 里面 IShellItem是如何使用的。

(yq.aliyun.com)为您免费提供为什么有些IE浏览器不能显示绝对定位的内容?是版本问题?还是其他,有没有解决方法?相关信息,包括
浏览器显示
的信息
,所有为什么有些IE浏览器不能显示绝对定位的内容?是版本问题?还是其他,有没有解决方法?相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_92821,您可以点击为什么有些IE浏览器不能显示绝对定位的内容?是版本问题?还是其他,有没有解决方法?-手机站访问。

  • 推荐产品


云数据库RDS

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

立即查看



云服务器9.9元 限时抢购

6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验

9.9元 立即购买



云服务器ECS

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

立即查看



开发者软件

开发者常用软件,超百款实用软件一站式提供

立即查看

  • 热门标签

android launcher
解析json数据
occi
父窗体与子窗体
中缀表达式
计数
itoa
数据字典 结构化分析
js 脚本
scheduleatfixedrate
日期选择框
多对一
快啊
catch日志
jsjavajavascript标签库jsp
c语言cfile
udpandroid
图像处理图像匹配opencv
结构指针c语言socket
大神么求解啊

  • 社区推荐

更多>

  • 好东西来了!2017云栖大会400+份重磅资料下载
  • 叮咚!您有一份2017杭州云栖大会参会指南待签收【持续更...
  • 重磅发布背后:POLARDB的中国故事
  • 传统应用层逻辑分库DB迁移阿里云DRDS+RDS分布式数...
  • 海量用户实时定位和圈人 - 团圆社会公益系统(位置寻人\...
  • 京颐CTO宋建康:如何应对系统高度分化异构的挑战,打造不...
  • 经典网络迁移VPC最佳实践
  • 揭秘IPHONE X刷脸认证的技术奥秘
  • 5大场景护航企业成长,实例解析阿里云适应性网络架构
  • 专访阿里云异构计算负责人:异构计算,GPU、FPGA、A...
  • 看了此文的人还看了

  • input取值-jquery 取input值错误
  • list-Java List<Map&am...
  • message-WPF实现发送邮件功能,邮件发不出去怎么...
  • 列表-水昌报表能做这样的报表吗?用于对比数据
  • android-关于网络权限,访问网络图片
  • android开发-android中循环遍历几个Edit...
  • TCP UDP 通讯编程
  • 关于手动提交MVC表单。
  • 求.Net Web控件
  • 改这个为网站收多少钱

热门活动更多>

  • 云服务器9.9元抢购

    6款产品 6个月免费体验

    查看详情>

  • 搭建网站/应用首选

    轻量应用服务器 45元/月

    查看详情>

  • 全新云服务器限时2折起

    I/O优化,独享IP,性能提升20%

    查看详情>

热点导航


  • 高性能云服务器2折起
  • 域名查询
  • 网站域名whois查询
  • 云计算
  • 网站服务器价格
  • 域名注册
  • bootstrap table
  • MySQL三节点
  • MySQL读写分离
  • 技术资料
  • 阿里云邀请码
  • product
  • cfbundleidentifier报错
  • echarts地图json数据
  • webstorm开发javaweb
  • 社区
  • 技术
  • 滚动条
  • mysql upgrade
  • ie浏览器不加载样式
  • c primer 第五版
  • java实现opc client
  • post请求
  • 支付宝同步和异步通知
  • product1
  • 三合一云商城建设
  • 软件安装环境配置
  • 技术
  • 钉钉收费
  • 问答
  • 数据算法竞赛
时间: 2024-09-12 20:49:07

为什么有些IE浏览器不能显示绝对定位的内容?是版本问题?还是其他,有没有解决方法?的相关文章

iTunes显示已停止工作什么原因?iTunes已停止工作解决方法

iTunes显示已停止工作解决方法 1.由于iPhone已经停用,所以此时恢复系统,就好比为电脑重新安装系统一样.一旦恢复系统,手机上原来的所有数据都会被删除.值得注意的是,由于当前iPhone不能解锁,所以也不能在电脑上对手机上的数据进行备份.当然如果在此之前有在iCloud中备份过数据的话,可以在之后的激活过程中选择从iCloud备份中恢复. 2.接下来请根据下面的操作步骤来操作,但可以让iPhone进入恢复模式: 一.先请按住电源键开机,这时屏幕会出现苹果标志,不要松开电源键 二.接着再按

uc浏览器不显示图片怎么办

  uc浏览器不显示图片怎么办? 方法 1关闭移动网络,过一会儿再打开网络. 有时,由于移动网络的不稳定,网速很慢,会导致uc浏览器在启动后,图片迟迟不能显出出来.这时,你可以选择关闭网络,过一会再开启uc浏览器. 当然,你也可以走动一下,去信号稍微好一点,网络稳定的地方再打开uc浏览器. 2uc浏览器设置错误. 有时,打开uc浏览器后,一切使用都很正常,就是看不到图片,这时你就要怀疑自己是不是开启了无图模式.如下图,你是可以在uc浏览器的设置中换成有图模式的.当然有时候,你需要反复切换才可以哦

Win7 IE浏览器右键菜单显示英文的原因及解决方法

  一.原因分析 在中文版的win7旗舰版系统中IE浏览器显示英文,大多是由于用户在升级高版本IE的时候安装了英文版的IE浏览器,比如原先是IE8中文版,升级安装成了IE9英文版,这样打开网页菜单什么的自然是英文了. 二.解决方法 方法一:下载对应的IE浏览器版本中文语言包,比如安装的是IE9,那么去网上下载IE9的中文语言包进行安装,安装后就可显示为中文了 方法二:卸载刚安装上的IE浏览器,回滚到之前的版本,同样也会回到中文显示了.

web 访问的jsp ,在浏览器中显示.rf

问题描述 web 访问的jsp ,在浏览器中显示.rf 应该是 http://localhost:8086/fjagri/main.jsp 在浏览器显示 http://localhost:8086/fjagri/main.rf 解决方案 http://hujin1123.iteye.com/blog/255064http://blog.sina.com.cn/s/blog_4ff708110100pxui.html

thinkphp-PHP报notice错误后浏览器不显示了

问题描述 PHP报notice错误后浏览器不显示了 如题,我的脚本运行时报了这样的错误:Notice: Use of undefined constant ROOT - assumed '__ROOT__' in(这是我用软件模拟浏览器post数据之后返回的数据).但是如果是用浏览器访问的话不会返回任何数据.但是我只要在输出之前加error_reporting(0)或者给常量加上双引号浏览器就可以正常输出了.我用的是xampp套件.我猜应该是apache的问题.但是百度和google都找到原因.

火狐浏览器页面显示错乱的解决方法

其实出现这些问题主要是由于火狐缓存混乱造成的,而造成缓存错乱的原因就是用了第三方工具清理了火狐的缓存.在这里我们需要按下Ctrl + Shift + Del (Mac系统下 command+shift+delete) ,打开"清除全部历史"窗口,然后勾选"Cookies"和"缓存",点击"立即清除",即可解决大部分火狐浏览器页面显示错乱的问题.

uc浏览器不显示图片解决办法

  uc浏览器不显示图片解决办法.现在,不少人都在使用uc浏览器,但是在使用过程中,有用户反映,uc浏览器不显示图片怎么办?很多朋友可能还不知道,下面小编给你分享下uc浏览器不显示图片解决办法. uc浏览器 方法 1关闭移动网络,过一会儿再打开网络. 有时,由于移动网络的不稳定,网速很慢,会导致uc浏览器在启动后,图片迟迟不能显出出来.这时,你可以选择关闭网络,过一会再开启uc浏览器. 当然,你也可以走动一下,去信号稍微好一点,网络稳定的地方再打开uc浏览器. 2uc浏览器设置错误. 有时,打开

利用js实现在浏览器状态栏显示访问者在本页停留的时间

 本文为大家介绍下利用JavaScript实现在浏览器状态栏显示停留时间即在状态栏上显示访问者在本页停留的时间 问题描述:在状态栏上显示 ,访问者在本页停留的 时间 (如:您在本页停留了 (如:您在本页停留了 X小时 X分 X秒)    该问题相当于是设计一个计时器,用于显示浏览者在该页面停留了多长时间.要解决该问题,我想到的主要有两种方法.    方法一:利用系统时间.即先设置一个变量,用于获取登录开始时间startTime,然后利用setTimeout()函数让页面不停的刷新,在刷新的同时,

360浏览器无法显示网页游戏平台页面怎么处理?

  360浏览器无法显示网页游戏平台页面可能是flash插件问题导致,因为flash插件分为了ie系列的(tt,世界之窗,360)和非ie系列(火狐,opera) 主要是浏览器的内核不一样,如果想我想解决这问题,绿盟建议你安装的flash插件为火狐opera的,需要重新下载过falsh插件 要是不行的话你可以试试先重置ie(工具---Internet选项--高级--重置),最后在安装.