标签归档：CSS

CSS：IE，Chrome，Firefox兼容性和CSS Hack

发表于2013年12月28日由kaisin

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中文字体转编码

发表于2012年3月10日由kaisin

“\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布局中的自适应宽度

发表于2012年3月9日由kaisin

<!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 )

发表于2010年12月13日由kaisin

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

继续阅读 →

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

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

发表于2010年8月6日由kaisin

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 !important;(经测试在IE里不使用)   
...

继续阅读 →

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