项目中遇到css 问题,怎么调试无果,详细看了css基础篇后发现几个css 的hack写法,记录下,以免忘记
#content{
height:20px !important;
height:100px;
}
#header{
height:20px;
*height:30px;
}
!important可以兼容IE7/IE8/IE9/Firefox 但是无法在IE6下运行(可恶的IE6),它只认识height,所以IE6的浏览器运行此处时,会跳过第一句,运行第二句,是无赖之举呀
下面的代码也是一样,IE6/IE7 认识*height 所以继续运行第二句
text-indent:2em 开头空两格
http://www.w3cfuns.com/portal.php
css中line-height的使用技巧
如果网页元素的字体大小12px-14px,line-height最好设置为1.5em-1.8em的间距,且字号越大,行间距越小
分享到:
相关推荐
本文将详细介绍几种常用的CSS Hack方法,帮助读者更好地理解和应用这些技巧。 #### 二、CSS Hack概述 CSS Hack是一种针对特定浏览器或版本编写CSS规则的方法,通过特殊语法让某些浏览器识别而其他浏览器忽略,以此...
下面将详细介绍几个常见的CSS Hack类型: 1. 下划线`_` hack:这是针对早期IE6浏览器的一个hack。例如,`_width:100px;` 这样的写法只有IE6会识别,其他浏览器会忽略下划线开头的属性。这种方法现在已很少使用,...
### CSS Hack 大全 #### 一、CSS Hack 概述 CSS Hack 是一种特定的技术手段,用于在不同浏览器或浏览器的不同版本之间实现差异化的样式处理。由于各个浏览器对CSS的支持程度不同,开发者可能需要使用特定的方法来...
具体的CSS hack写法如下: - 区别IE6与Firefox:background: orange; *background: blue; - 区别IE6与IE7:background: green !important; background: blue; - 区别IE7与Firefox:background: orange; *background:...
// IE7、8的Hack写法 .box { width: 100px@{hack}; } ``` 这段代码中,@hack变量会被Less编译为一个特殊的字符串插值表达式,并且通过波浪号(~)避免编译错误,最终编译出以下CSS代码: ```css .box { width: ...
文章中提到的“Hack只针对所有IE(IE6~10)”指的是一系列CSS选择器技巧,它们只会在IE浏览器的各个版本中生效,而不会影响到其他现代浏览器。例如,使用“\9”这一特殊字符后缀的选择器,能够针对IE6至IE10的版本...
不过,通常这样的博客文章会详细介绍如何在CSS中进行IE Hack,包括但不限于以下几种方法: 1. **类选择器和属性选择器**:IE6不支持某些属性选择器,如`[attr^=value]`(属性值以某个值开头)。因此,可以利用这个...
本文将深入探讨几种关键的CSS Hacks技术,包括条件注释、选择器Hack以及通过条件判断插入特定类的方法,旨在帮助读者理解并掌握这些技巧,以便在实际项目中更加高效地解决浏览器兼容性挑战。 #### 条件注释:针对IE...
具体来说,为了使display: inline-block在IE6/IE7中也能够兼容,可以采取以下几种写法: 1. 对于IE7及以上版本的IE浏览器,可以使用条件注释(仅限于HTML文件中的注释方式)来单独设置CSS规则: ```css * ...
这种方式使用几个特殊的 CSS 来解决 IE6 下跟随滚动条移动的问题: 1. `position:absolute;` 让 IE6 相信 absolute 就是 fixed。 2. `body { margin:0; height:100%; overflow-y:auto; }` 整段代码演示: ```html...
标题中的“css_hack_testing”指的是一个专门用于测试和研究CSS Hack的项目,这通常是为了应对不同浏览器对CSS样式解析的差异性。在Web开发中,由于各浏览器对CSS规范的实现可能存在不一致,开发者有时需要使用所谓...
以下是从提供的文件内容中提炼出的针对IE6编写CSS时需要注意的几个知识点和技巧: 1. 区分IE6、IE7与FF/IE8的不同写法: - IE6和IE7能够识别以星号(*)开头的CSS属性,而Firefox和IE8则不能识别。例如,可以使用 *...
此外,文件中还提到了几种针对IE浏览器的特定CSS hack写法: - `width:auto\9`:这是一种针对IE6/IE7/IE8/IE9/IE10的CSS hack,意思是如果浏览器是IE系列,则应用这条样式规则。 - `width:auto\0`:这是专门针对IE8/...
- CSS的多层写法(如`.couplet_ad`下的几个不同样式声明),也体现了对旧浏览器的兼容策略。实际上,现代浏览器已经基本不使用这些过时的CSS技巧。 总结而言,文章提供的对联广告代码,利用CSS3的固定定位(`...
4. 简述几个 CSS Hack ? 答: CSS Hack 是指在 CSS 中使用的一些 trick 来解决浏览器之间的兼容性问题。包括图片间隙问题、默认高度问题、表单行高不一致问题、鼠标指针问题等。解决这些问题可以使用不同的 hack,...
首先,从给定的内容中我们可以看到几种不同的CSS hack技巧,它们主要是为了在不同浏览器中实现样式的兼容性而使用的。例如: 1. `color:red; /*所有浏览器都支持*/` 这是一种最基本的样式声明,能够被所有现代...
然而,很多时候我们仍然不得不面对已经存在的兼容性问题,比如下面例子中的几个典型问题及其解决方案: #### 1. DIV边框不显示问题 问题描述:在一个容器`div`(A层)内有多个浮动的`div`(B层),用来存放内容。...