- 浏览: 131440 次
- 性别:
- 来自: 福建
文章分类
- 全部博客 (105)
- 数据库 (4)
- hibernate (4)
- css3 (2)
- 前端设计 (13)
- struts (6)
- HTML5 (1)
- jQuery (16)
- JDBC (3)
- spring (6)
- 娱乐 (1)
- MyEclipse (2)
- oracle (4)
- javascript (10)
- ibatis (2)
- log4j (1)
- css (16)
- java (13)
- IText (1)
- IDE (1)
- C3P0 (1)
- ssi (1)
- IO (1)
- jsp (1)
- JSTL (1)
- JXL (1)
- ssh (1)
- ajax (2)
- struts2 (1)
- html (1)
- 正则表达式 (1)
- 非技术 (1)
- Properties (1)
- Tomcat (1)
- 电大 (0)
- test (0)
最新评论
-
yejq:
收藏~~
使用 Ctrl + Enter 提交表单
总结下css的一些hack【转载】
color:red; /* 所有浏览器都支持 */ color:red !important;/* 除IE6外 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ +color:red;/*IE7支持*/ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8、IE9支持 */ color:red\0; /* IE8、IE9支持 */ color:red\9\0;/*IE9支持*/ /* webkit and opera */ @media all and (min-width: 0px){ div{color:red;} } /* webkit */ @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} } /* opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel- ratio:0) { div{color:red;} } /* firefox * / @-moz-document url-prefix(){ div{color:red;}} /* all firefox */ html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */ } body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */ <!--[if lt IE 7 ]> <html class="ie6"> <![endif]--> <!--[if IE 7 ]> <html class="ie7"> <![endif]--> <!--[if IE 8 ]> <html class="ie8"> <![endif]--> <!--[if IE 9 ]> <html class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]--> <!–[if IE 7]> = 等于 IE7 <!–[if lt IE 8]> = 小于 IE8(就是 IE7 或以下了啦) <!–[if gte IE 8]> = 大于或等于 IE8 <meta http-equiv="x-ua-compatible" content="ie=7" /> 把这段代码放到<head>里面,在ie8里面的页面解析起来就跟ie7一模一样的了 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
发表评论
-
CSS的50个代码片段
2013-07-02 14:59 35491.css全局 html, body, div, s ... -
CSS命名规范中英文对照表【转载】
2012-12-28 14:34 1016一、样式文件命名规范 主要的 master.css布局, ... -
CSS命名规范
2012-12-28 14:18 1006热点:hot 新闻:news下载:download子导航:s ... -
非常有用的CSS模板【转载】
2012-12-24 16:10 893CSS Reset (CSS固定样板) /* h ... -
html布局面试题
2012-12-17 17:29 1803效果图: <!DOCTYPE html ... -
2012旺铺导航菜单自定义
2012-12-13 16:28 17841.修改导航链接文字的背景色 .skin-box-bd .l ... -
css实现强制不换行/自动换行/强制换行
2012-10-08 11:20 768强制不换行 div{ white-space:now ... -
完美的解决IE6下fixed定位抖动问题
2012-07-21 21:58 1330body{_position:absolute; _to ... -
非常有用的CSS模板
2012-07-19 14:15 821CSS Reset (CSS固定样板): /* htt ... -
纯CSS兼容IE6的模拟的fixed效果_不抖动
2012-07-19 09:31 1058<!DOCTYPE html PUBLIC &qu ... -
让DIV固定在浏览器窗口的底部(兼容IE6)
2012-07-03 09:16 3325<!DOCTYPE html PUBLIC &qu ... -
CSS实现背景透明,文字不透明(各浏览器兼容)
2012-06-28 10:24 950css: body{ background-image ... -
CSS强制英文、中文换行与不换行
2012-06-27 17:33 850CSS强制英文、中文换行与不换行[转载] .p1 ... -
纯css模拟淘宝详细页面底部固定
2012-05-30 15:57 1541<!DOCTYPE html PUBLIC &qu ... -
纯Css 背景色透明,内容不透明之方法。
2012-05-03 10:20 2762纯Css 背景色透明,内容不透明之方法 <! ... -
CSS的命名标准
2012-05-02 12:00 0CSS的命名标准 (一) ...
相关推荐
在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取一些特定的方法来解决浏览器兼容性问题。本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox(FF)...
通过阅读“Css hack总结及其最佳用法,告诉你怎么运用hack,无懈可击的解决各个浏览器的样式兼容 - 毛绒猫猫 - 博客园.htm”这篇文章,你将能更深入地理解CSS Hack,并学会如何在实际项目中有效应用它们。
css hack 兼容性的总结与体会. IE6,IE7,IE8,IE9,firefox,apple,chrome等等浏览器的兼容性
本文将对各浏览器的CSS Hack进行总结,主要关注如何解决CSS样式兼容问题。 首先,我们了解下主要的浏览器:IE(Internet Explorer)、Firefox、Chrome、Safari以及Opera。它们之间的兼容性问题主要源于对CSS规范的...
为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定的技术手段来解决这些问题,其中CSS Hack就是一种常用的方法。本文将详细介绍如何为Firefox以及IE6、IE7、IE8等浏览器编写CSS Hack。 ### CSS Hack定义...
根据题目中的描述,我们可以总结出不同浏览器对于某些CSS Hack的识别特性: - **IE(Internet Explorer)**:IE能够识别`*`这个符号作为Hack的一部分。具体来说: - **IE6**能够识别`*`,但是不能识别`!important`...
除了上述Hack方法外,还有一些通用的兼容性技巧需要注意: 1. **Firefox下的Padding问题**:在Firefox中,给元素设置内边距(padding)可能会导致宽度和高度发生变化,而在IE中则不会。这可以通过使用 `!important` ...
"区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先,让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...
为了确保网站在多种浏览器下都能正常显示,开发者常常需要使用到CSS Hack技术,特别是针对那些在CSS支持上存在较大差异的浏览器版本,如Internet Explorer 6(IE6)、Internet Explorer 7(IE7)以及Mozilla Firefox...
以下是一些常见的CSS Hack写法示例: ```css .newsList { padding: 10px; /* FF, CH, OP */ [padding: 10px; padding: 12px;] /* SF, CH (取后者) */ padding: 9px\9; /* 所有ie内核 */ padding: 8px\0; /* ie8...
以下是一些CSS Hack的示例: ```css .newsList { padding: 10px; /* FF CH OP 都能识别 */ [padding:10px; padding:12px;]; /* SF, CH (值取后者: padding :8px) */ padding:9px\9; /* 所有 ie 内核浏览器都...
### 各主流浏览器CSS HACK列表详解 #### 一、引言 随着Web技术的发展与进步,浏览器兼容性问题一直是前端开发者关注的重点之一。由于不同浏览器对CSS的支持程度有所差异,为了确保网页能够在各种浏览器中正常显示,...
下面将详细阐述一些常用的和不太常见的CSS Hack技术。 ### 常用CSS Hack技术 1. **条件注释(Conditional Comments)** - 仅IE浏览器识别的HTML条件注释,如`<!--[if IE 6]>`用于针对IE6的样式。 2. **前缀...
本文作者通过自己的实际经验,总结了一些实用的方法和技术,希望能帮助大家更高效地解决这些问题。 #### 开发平台的选择 在选择开发平台时,作者建议使用 Firefox 结合 Firebug 扩展作为主要的工作环境。原因在于 ...
由于不同浏览器内核对CSS的支持程度存在差异,为了确保网页在各种浏览器下的一致性表现,开发者需要采取一些特殊的技术手段来解决这些问题。CSS Hack就是一种常见的解决方案,它允许开发者为特定的浏览器编写定制化...
传统的CSS布局方法往往需要使用一些“hack”技巧来解决浏览器之间的差异,但这些技巧可能导致代码维护困难,可读性差,且不易于扩展。本文将探讨一种无需使用hack的CSS动态布局方案,以提高代码的优雅性和跨浏览器...
### CSS Hack 大全 #### 一、CSS Hack 概述 CSS Hack 是一种特定的技术手段,用于在不同浏览器或浏览器的不同版本之间实现差异化的样式处理。由于各个浏览器对CSS的支持程度不同,开发者可能需要使用特定的方法来...
本文总结了CSS的一些常见技巧和面试中常问到的问题,涵盖了从CSS Hack到布局技巧、选择器使用等多个方面。对于前端开发者来说,掌握这些知识不仅可以帮助他们更好地处理日常开发工作中的问题,还能够在面试过程中...
为了解决不同浏览器对CSS支持程度不一的问题,开发者们发明了各种CSS Hack技巧来确保网页在不同环境下能够正常显示。本文将详细介绍几种常用的CSS Hack方法,帮助读者更好地理解和应用这些技巧。 #### 二、CSS Hack...