标签归档:CSS

CSS:IE,Chrome,Firefox兼容性和CSS Hack

hack列表(全部经笔者测试,均为标准模式下,混杂模式由于很少会用到所以未对其进行测试):

点击查看原图

其中粉红色部分为属性hack,黄色部分为选择器hack,它们可以结合使用。此外Firefox和Chrome也有它们专有的hack,详细hack方式及使

用示例如下:

Firefox:

@-moz-document url-prefix()    /*写在选择器外层时(只可写在此处):Firefox only*/

Chrome:

@media screen and (-webkit-min-device-pixel-ratio:0)    /*写在选择器外层时(只可写在此处):...

继续阅读

发表在 css | 标签为 | CSS:IE,Chrome,Firefox兼容性和CSS Hack已关闭评论

Unicode – CSS中文字体转编码

“\5b8b\4f53″  是 “宋体”。用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法

 

中文名 英文名 Unicode Unicode 2
Mac OS
华文细黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1 华文细黑
华文黑体 STHeiti \534E\6587\9ED1\4F53 华文黑&amp...

继续阅读

发表在 article | 标签为 | Unicode – CSS中文字体转编码已关闭评论

CSS+DIV布局中的自适应宽度

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档...

继续阅读

发表在 article | 标签为 , | CSS+DIV布局中的自适应宽度已关闭评论

IE6 掉字(CSS )

在日常工作中,常遇到IE6多出一行字或一个字的情况,网上大多同仁说是注释问题。经查,不一定是注释才会引起该类问题,个人感觉是因为一些不可显示的元素存在在了具有 float css属性的元素内的问题,只要将这些不可显示的元素移出这个范围一般就会恢复,如: 脚本块,css块,注释块,隐藏表单等。

继续阅读

发表在 mood | 标签为 | IE6 掉字(CSS )已关闭评论

IE6,IE7,IE8,Firefox兼容的css hack

IE6,IE7,IE8,Firefox兼容的css hack
补充:
.color{
background-color: #CC00FF; /*所有浏览器都会显示为紫色*/
background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF; /*IE6、IE7会变为蓝色*/  
_background-color: #009933; /*IE6会变为绿色*/
}
好多css hack,最重要的是简单实用能解决问题就行了
总结:
\9: IE6 IE7 IE8
*: IE6 IE7
_: IE6
*+: IE7(经我测试没多大用)
----------------------------------------
IE6,IE7,Firefox兼容的css hack
第一种办法:
body
{
    background:red;
    *background:blue !imp
ortant;(经测试在IE里不使用)   
...

继续阅读

发表在 article | 标签为 | 62条评论