恋爱灰尘 - 博客园

2011年3月25日

摘要：用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 恋爱灰尘阅读(185) 评论(0) 推荐(0) 编辑

2011年3月11日

背景变暗可拖动提示窗口,兼容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 恋爱灰尘阅读(205) 评论(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 恋爱灰尘阅读(165) 评论(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 恋爱灰尘阅读(151) 评论(1) 推荐(0) 编辑

2011年3月9日

IE6实现PNG图片透明

摘要： png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利! 但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。解决这个的方法是增加javascript。具体方法如下：把下面的代码放在head区就可以解决问题了。以下是引用片段：<script>function correctPNG() { for(var i=0; i<do 阅读全文

posted @ 2011-03-09 11:03 恋爱灰尘阅读(761) 评论(0) 推荐(0) 编辑

2011年3月1日

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 恋爱灰尘阅读(487) 评论(0) 推荐(0) 编辑

2010年4月9日

中规中矩简单版四方向无缝滚动

摘要： <!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 htt... 阅读全文

posted @ 2010-04-09 16:04 恋爱灰尘阅读(96) 评论(0) 推荐(0) 编辑

折叠菜单

摘要： <script>function switchMenu(evt){ var ele=evt.target||evt.srcElement; //分别针对非ie和ie，获取事件的源对象 if(ele.tagName=="H1"){ //如果是<h1> var ulu=ele.parentNode.getElementsByTagName("ul"); do{ ele=ele.... 阅读全文

posted @ 2010-04-09 15:58 恋爱灰尘阅读(181) 评论(0) 推荐(0) 编辑

万有引力效果

摘要： <style>#sys{position:relative}#apply{position:absolute;left:140px;top:60px;}</style><body><div id="sys"><img src="http://www.google.cn/logos//newton10-tree.jpg" width="384" ... 阅读全文

posted @ 2010-04-09 15:55 恋爱灰尘阅读(179) 评论(0) 推荐(0) 编辑

2010年4月8日

如何用CSS制作圆角框效果

摘要：如何用CSS制作圆角框效果Image is everythingDate：2010-02-25　　Type：网站知识如何用CSS制作圆角框效果，《CSS圆角框组件V1.0》，可以变化出6种基本风格的圆角框：纯线框圆角、标题线框圆角、标题和内容区可分别自定义颜色圆角、标题背景图片圆角、装饰性背景图片圆角、Img图片圆角。用CSS制作圆角框效果，先看看最终效果截图：如何用CSS制作圆角框效果，《CSS... 阅读全文

posted @ 2010-04-08 10:00 恋爱灰尘阅读(1622) 评论(1) 推荐(0) 编辑

公告