03 2011 档案
css控制字数
摘要：控制文章标题字数，不是动态网页的专利，如果静态页面使用CSS样式，也可以实现相同的效果！看这个例子，你们可以复制到记事本保存为HTML文件看效果！<html><title>css控制字数</title><head><styletype="text/css">.dd{border:solid1pxgray;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;course:hand;}</style></head& 阅读全文
posted @ 2011-03-25 16:43 恋爱灰尘 阅读(3035) 评论(0) 推荐(0)
浏览器Firefox与IE在CSS样式表中的差异
摘要：1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样： #1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#333，I 阅读全文
posted @ 2011-03-25 14:09 恋爱灰尘 阅读(168) 评论(0) 推荐(0)
css控制鼠标样式
摘要：用css控制鼠标样式的语法如下:<span style="cursor:*">文本或其它页面元素</span> 把 * 换成如下15个效果的一种：下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！hand是手型pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。crosshair是十字型text是移动到文本上的那种效果wait是等待的那种效果default是默认效果help是问号e-resize是向右的箭头ne-resize是向右上的箭头n-resize是向上的箭头nw-resize是向左上的箭头w-re 阅读全文
posted @ 2011-03-25 14:07 恋爱灰尘 阅读(188) 评论(0) 推荐(0)
背景变暗可拖动提示窗口,兼容IE、Firefox、Opera
摘要：<!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=utf- 阅读全文
posted @ 2011-03-11 14:36 恋爱灰尘 阅读(207) 评论(0) 推荐(0)
一个关于透明度继承的问题
摘要：愚人码头 发表于: 2009/03/26 14:24 | 发表在: html+css | 被浏览24121次 取这个标题我很胆怯，因为我始终不敢确定这个到底是不是透明度的继承！但是我没相到更好的标题，那也只能用这个比较形象的标题了。在前端开发的时候，经常用到板块背景的透明度，例如这样的结构：XML/HTML代码<divclass=“div1″>这里文字图片都带透明度了 <divclass=“div2″>图片</div></div>样式CSS代码body{ background-image:url(http://www.css88.com/demo 阅读全文
posted @ 2011-03-11 10:19 恋爱灰尘 阅读(174) 评论(0) 推荐(0)
用!important解决IE和Mozilla的布局差别
摘要：在设计《网页设计师》页面的时候，有一个问题一直困扰着我，主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下：IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题，直到我翻译 " 表格对决CSS--一场生死之战 "时，作者的一个技巧提示帮我找到了解决的方法：用!important。!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权(参见：W3.org的解释)。语法格式{ sRule 阅读全文
posted @ 2011-03-11 10:05 恋爱灰尘 阅读(164) 评论(1) 推荐(0)
IE6实现PNG图片透明
摘要：png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利! 但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。 解决这个的方法是增加javascript。具体方法如下： 把下面的代码放在head区就可以解决问题了。以下是引用片段：<script>function correctPNG() { for(var i=0; i<do 阅读全文
posted @ 2011-03-09 11:03 恋爱灰尘 阅读(769) 评论(0) 推荐(0)
DIV+CSS相对IE6、IE7和IE8的兼容问题
摘要：CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个i 阅读全文
posted @ 2011-03-01 13:20 恋爱灰尘 阅读(493) 评论(0) 推荐(0)