xjinza的专栏

CSS阴影详解：设计师常常使用一些独特的字体效果和页面效果，阴影是其中一个，它可以让页面中的文字和元素具有立体的效果，从而被突出出来。比如对于文字阴影，传统的方法可能需要将文字切出来，直接使用图片，如果考虑SEO和网站性能，还可能会使用CSS Sprites等技术将图片整合：

在做一个注册模块时，从别的网站上扣下来一个验证码图片，可是chrome，firefox都可以正常显示，在ie下面就显示不了。用ps打开图片时提示，无法完成请求，因为找到不知名的或无效的JPEG标标志符类型。但用ACDSee可以打开。原因很简单，就是那张图片被人用重命名

filter:alpha(opacity=50);       /* IE */opacity: 0.5;  win7系统下用ietester测试，ie6不支持有高手路过求解答

无标题文档*{ margin:0px; padding:0px;}ul,li{ list-style:none;}img{ border:0px;}li{ float:left;}.xl_hot{ border:1px solid blue; width:960px;

在开发后期总有一些七七八八的图片没有用到，站了很多空间。现在介绍一种方法可以方便地清理这些没有用到的图片。在Dreamweaver中站点>检查站点范围内的链接>孤立的文件，然后就按图索骥，一个一个清理就ok了。

在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢？今天就让我们来

无标题文档*{ margin:0px; padding:0px;}ul,li{ list-style:none;}.p_show{ float:left; position:relative; padding:10px;}.b_img {width:441px; hei

定义和用法 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。以下面这个 标签为例：在上面的声明中，声明了

body{filter: Gray;}单独的图片变灰img{filter: Gray;}

今天做项目遇到IE position:relative bug,找到一篇文章，随便翻译下，说明情况 添加CSS:#container { height:100px; border:1px solid blue; overflow:auto; }#a { height:200px; background-color:lightblue;

介绍Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout”得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为“尺寸bug(dimensional bugs)”，意思是这些 bug 可以通过赋予相应元

Untitled Document*{ margin:0px; padding:0px;}h4{ background:#C0C;float:left; padding:2px; width:70px; text-align:center; display:block;

text-shadow的语法:text-shadow:color length length length;color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”

曾经写过【IE6的疯狂之六】li在IE中底部3像素的BUG（增加浮动解决问题），原文地址：http://www.css88.com/archives/421；IE6 BUG大全： http://www.css88.com/archives/579但是这次li在IE

无标题文档.p_hot{ background:#F00;}项目中出现了一个bug，怎么调试都调试不出来，后来在chrome里面发现p_hot未定义。经过排查，发现css样式表中应用html注释，删除就可以了，，感觉有点侥幸，希望高手路过，给小

之前看到很多人一直都问这个问题，不过当时我没当一回事，因为在 CSS 中要垂直居中，多数是在有高度的情况下，或者容器高度不定的情况下才用，看上去比较舒服，而且实现的方法也不少，不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子，看来对此的需求还不少。现在就把我经验拿

点评：大家在写按钮（input、button）的时候会发现在 IE 下： 随着字数的增多，两边的间距也会越来越大。 在 WIN 的XP 风格下，当字数很多时，两边还会出现严重的锯齿。 到底是什么原因呢？ 蓝色理想 原 WEB标准化专栏 的斑竹 zbm2001z 给出了一个答案

无标题文档*{ margin:0px; padding:0px;}.menu li{ width:100px; background:red; height:30px; line-height:30px; text-align:center; float:left; lis

html代码：CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.comcss代码：div{width:200px;/*容器的基本定义*/height:200px;background-color

断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！1：li边距“无故”增加任何事情都是有原因的，li边距也不例外

兼容 IE 和 FF 的换行 CSS 推荐样式：最好的方式是word-wrap:break-word; overflow:hidden;而不是word-wrap:break-word; word-break:break-all;也不是

title标题meta name author> 网站作者meta name classification> 网站所属目录类别meta name copyright> 版权声明meta name generator> 网站用什么软件做的 无标题文档 此内容只有IE6.0可见此内容只有IE7.0可见此内容只有I

要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多 IE下的显示错误，就是源于 haslayout。什么是 haslayout ？haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小

这一行末使用important 这一行使用了important　　例二中，CSS代码第一行设定了box里面所有div中字体色为红色，第二行和第三行都用class重新定义了自身div的字体色为蓝色，不同的是，第二行末使用important，而第三行使用了！　　默认情况下，class的优先级小于id，所以，第二行中即使用class重定义了自身样式，也无法生效，所以继承

border-width:5px; border-style:solid;border-color:#793A5A #FABFE8 #FABFE8 #FABFE8

完美解决CSS中position为fixed在IE6下无效的bug众所周知IE6不支持CSS属性position:fixed，这个CSS bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。如何让position:fixed在IE6中工作？第一种方法：纯CSS解决IE6的position：fixed的bughtml {    _bac

ie6支持position:fixed之js方法* { padding:0; margin:0;}body{font-size:14px;line-height:30px;}* html{background-image:url(about:blank)}/*防止在ie6下闪动*/.fixed {position:fixed;top:20px;left:20px;width:200px

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义css#wr

.title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 300px;}

opacity会使所有的子元素都变成透明的，通过RGBa，我们可以将一个元素设置为透明，而不会影响其子元素现在用rgba可以很好的解决这个问题。主要是container里面的background:rgba(0,0,0,0.4)这个0.4就是透明度。可以声明一个保留色彩。这个色彩应该是可靠的——所有的浏览器都支持,但IE不支持rgba，IE可以用平常的filter:alpha（opa

无标题文档*{ margin:0px; padding:0px;}dl,ul{ display:table; border-collapse:collapse; margin-top:20px;}dt,dd,li{float:left; background:#ccc; border:1px solid red; padding:10px; display:table-cell;}td{

Just a quick documentation of this interesting bug. This only happens in Internet Explorer 8 (but not 7 or 9), which was interesting. If you have an element with long text but it has white-space:nowra

本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细介绍了word-wrap同word-break的区别。兼容 IE 和 FF 的换行 CSS 推荐样式最好的方式是word-wrap:break-word; overflow:hidden;而不是word-wrap:break-word; word-break:break-all;也不是word-wra

[导读]昨天发现了一个ie6的bug，绝对定义(position:absolute)的相邻元素margin-top竟然会失效。 由 愚人码头 撰写 　http://www.css88.com/archives/2442昨天发现了一个ie6的bug，绝对定义(position:absolute)的相邻元素margin-top竟然会失效；看demo把（请用ie6围观）：ht

IE的haslayout是个很纠结的东西，掌握好CSS就得掌握好它。初学CSS时走了很多弯路，以下几篇文章在我的学习中起了很大的作用，希望能让大家受益。此文是和老包共同弄的，参考了On have layout 。另外两篇文章摘自CSS Mastery【精通CSS】，与此文相互补充，希望对大家有帮助Having “layout”拥有布局 IE haslayout

为什么碰到表格我都想记录一下，:) 这次是关于表格边框的，碰到问题后也折腾了一小会儿才完成，记录后可能会记得更加牢固。一 表格的外观及结构 HTML 代码如下：    table border="1">        tr>            td class="bkf0">发布日期：/td>            td>2010-11-

本文转载自：http://www.cnblogs.com/Nina-piaoye/archive/2009/05/13/1455791.html一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bord

这两天在页面排版的时候遇到了两处地方：一处设置了line-height的值，IE7显示文字本行纵向居中，但是IE6中显示顶头了；另一处是个表单项目，设置了line-height后，IE7正常，IE6中表单的外部框增高了横多，留出大块空白。      天杀的IE6！我们来解决掉他，呵呵呵！！！BUG症状：当在一个容器里文字和img、input、textarea、select、object等元

作者：月高不知归我们经常需要实现阴影效果，方法很多，有没有只通过css的方式实现呢？有，只是ie与firefox的效果略有差异，请看下面的例子：运行代码无着色模式打印?style type="text/css">  .shadow{      width:120px;      height:120px;      border:1p

明确的指定最外面div容器（#holder）的宽度（相对宽度和绝对宽带都可以）。去掉最外面div容器（#holder）的背景颜色（或者背景图片）缩小浮动div容器（#floater）的高度到一定程度不浮动div容器（#floater）不使用技术