ie6兼容之绝对定位元素内容为空时高度问题

正常显示:

ie6下显示:

line6元素高度最小16px;

解决办法:

添加内容在空的div里,并且设置行高即可。

其中,非ie6浏览器不需要再空的div里加无谓的内容,再次需要用“条件注释”来解决:

条件注释使用方法

1

2

3

4

5

6

<!--[if IE 5]>仅IE5.5可见<![endif]-->

<!--[if gt IE 5.5]>仅IE 5.5以上可见<![endif]-->

<!--[if lt IE 5.5]>仅IE 5.5以下可见<![endif]-->

<!--[if gte IE 5.5]>IE 5.5及以上可见<![endif]-->

<!--[if lte IE 5.5]>IE 5.5及以下可见<![endif]-->

<!--[if !IE 5.5]>非IE 5.5的IE可见<![endif]-->

下面的代码是在非IE浏览器下运行的条件注释

1

2

3

4

5

6

<!--[if !IE]><!-->

/*您使用不是 Internet Explorer*/

<!--<![endif]-->

<!--[if IE 6]><!-->

/*您正在使用Internet Explorer version 6或者 一个非IE 浏览器*/

<!--<![endif]-->

时间: 2024-10-05 06:31:58

ie6兼容之绝对定位元素内容为空时高度问题的相关文章

当Table中td内容为空时,显示边框的办法

原文:当Table中td内容为空时,显示边框的办法 1111111111111 目录 定义和用法 实例 浏览器支持 可能的值 定义和用法 说明 实例 浏览器支持 可能的值 相关页面 1. 在 table的css里面加: border-collapse:collapse; 在 td 的css里面加:      empty-cells:show; 2 .最简单的就是 在TD里写个  说明: border-collapse设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开. 定义

iOS TextView内容为空时设置按钮为不可用

有时做项目会遇到这样一种需求: 当一个TextView内容为空时设置按钮为不可用, 具体实现如下: 1. 按钮初始设置为不可用: self.customButton.enabled = NO; 2. 通过代理或通知监控TextView文本内容变化状态, 通过hasText方法判断TextView内是否有文本内容, 以设置按钮状态: 代理: 遵守协议: @interface CustomViewController () <UITextViewDelegate> 设置代理: self.textV

关于IE6下绝对定位元素莫名消失的问题

一般来说,让绝对定位的元素不挨着浮动元素就OK了: 1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,以及没有清除浮动时,IE6/7,FF中显示一致: 2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示: 3.当绝对定位层的邻近浮动层的宽度等于父层宽度时,以及没有清除浮动时,IE6不显示绝对定位层,IE7/FF显示: 4.当绝对定位层的邻近浮动层的宽度等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示: 就目前来说我个人的解决

jquery内容选择器(匹配内容为空的元素)

<!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> <title>内容选择器</title> &

常见的IE6兼容以及css兼容

迈着小短腿的YY 常见的IE6兼容以及css兼容 IE6虽然随着XP系统退出市场在国外基本基本消失,但是在国内依然占据很大的市场份额.政务网站.页游官网等依然要考虑到IE6用户的体验.如果你的网站使用CSS3等“新技术”时,就必须果断放弃IE6的兼容. 浏览器添加默认样式 问题: 有些浏览器会给浏览器添加默认样式,而且不同浏览器添加的样式不同,导致布局在不同浏览器发生不同的错乱. 解决: 清楚默认样式,保证不同浏览器样式统一.(百度中有很多不错的清除样式模板)以下是我自己常用的清除样式文件: 1

ie6兼容

参考文章: 1.IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明<!doctype html> 2.IE6在块元素.左右浮动.设定marin时造成margin双倍(双边距) 解决方法:display:inline 3.以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9,9要分给文字的上面与下面,怎么分?IE6就会与其它的不同,所以,尽量避免. 1)字体大小为奇数之边框高

深入理解javascript描述元素内容的5个属性

× 目录 [1]innerHTML [2]outerHTML [3]innerText[4]outerText[5]textContent 前面的话 <p>This is a <i>simple</i> document</p> 上面这行代码中,<p>元素的内容是什么呢?答案一:内容是HTML字符串"This is a <i>simple</i> document":答案二:内容是纯文本字符串"

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

小tip: margin:auto实现绝对定位元素的水平垂直居中

转载自:http://www.zhangxinxu.com/wordpress/?p=3794 一.绝对定位元素的居中实现 如果要问如何CSS实现绝对定位元素的居中效果,很多人心里已经有答案了. 兼容性不错的主流用法是: .element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一半 */ margin-left: -300px; /* 宽度