艺灵设计

全部文章
×
ie中绝对定位后的bug

ie中绝对定位后的bug

在ie中绝对定位后都会有一个bug,即:鼠标滑过时无法被选中。文中通过一实例来引入问题,并提供多种解决方案。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-07-22 - 阅:850 - 积分:0

css清除浮动的几种方法详解

css清除浮动的几种方法详解

文章介绍3大种关于清除浮动的方法,即:补全属性法;额外标签法;利用伪对象:after。每一种方法都有自己的独特见解,相信此文对亲会有所帮助。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-07-02 - 阅:878 - 积分:0

巧用边框构造立方体(完美兼容ie6)

巧用边框构造立方体(完美兼容ie6)

前几天在网上找到了一个更好的实现构造立方体的方法,效果图如下:......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-06-30 - 阅:280 - 积分:0

input标签经验总结

input标签经验总结

前几天在浏览公司网页时发现一个带有文本的搜索框,于是我就翻了下源码,看其写法与自己的是不是一样,结果有了新的收获。
在以前,“input”里面的文本是用“value”来接收的。然后再用js来判断“input”获得焦点与失去焦点两种状......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-06-19 - 阅:221 - 积分:0

CSS文本换行详解

CSS文本换行详解

去年写过一篇关于文本换行的文章发表在新浪博客里面,原文《word-wrap:break-word与word-break:break-all的区别所在》现在看来需要重新整理下了。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-06-18 - 阅:316 - 积分:0

table表格那点事儿

table表格那点事儿

前几天部门一同事来找我,说后台公告那里有点问题。如下图: 至于是什么问题呢?看图就知道排版不对称。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-06-17 - 阅:393 - 积分:0

兼容ie6的悬浮窗

兼容ie6的悬浮窗

好久没有被各浏览器之间的bug折腾了,前几天一朋友找我要一个悬浮的代码。翻了翻之前整理过的源码后,解决了朋友的一时之需。今天就来说下关于这个悬浮的事情。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-01-07 - 阅:1510 - 积分:0

谈谈初学者应该如何学习div

谈谈初学者应该如何学习div

“兴趣是最好的老师”这句真理性的话洒家就不进行扯蛋描述了。话说div属性有n多个,网上的初学教程也有n多个,在如此多的资源面前,初学者往往会迷失方向。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-11-16 - 阅:2382 - 积分:0

相对定位与绝对定位

相对定位与绝对定位

position定位是网站中常常用到的,网站因定位而变得更加灵活多变。当我们想展现层次感的网站时,position定位绝对是首选。position有多个取值,用的最多的要数relative和absolute了,fixed在特殊情况下才会用到,但要配合js来实现兼容ie6。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-26 - 阅:547 - 积分:0

报刊中常用的首字下沉效果

报刊中常用的首字下沉效果

说起首字下沉就不得不用到一个伪类,那就是first-letter。(当然方法不拘限于一种,此处略过)说到这里你是不是会像触电一样的想到了ie6下会不会兼容的问题呢?ie6支持的伪类寥寥无几,这是地球人都知道的......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-23 - 阅:322 - 积分:0

IE6下的文本溢出BUG,外号“谍影重重”

IE6下的文本溢出BUG,外号“谍影重重”

自古以来,ie6就像妖魔鬼怪一样,时时出现在我们通往西天取经的道路上。虽然我们都有着像唐僧一样的善心来感化ie6这个恶魔,但这家伙从来不感激。你说他不感激就算了,反而一而再再而三的给我们添麻烦。于是,我们都带着悟......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-22 - 阅:227 - 积分:0

实现标题前面的圆点的5种方法

实现标题前面的圆点的5种方法

在浏览一些标题文章的时候,我们会发现有的网站的标题文章前面出现了小圆点。对于这个小圆点是如何实现的呢?方法当然有很多种了,如ul自带的列表项目样式可以实现;更改ol的样式也可以实现......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-21 - 阅:2401 - 积分:0

ie6下侧导航中的bug

ie6下侧导航中的bug

侧导航在一般的网站中很少用到,这几天在做案例,偶然间发现侧导航在ie6下存在一个bug。其实这个问题在之前也遇到过,当时并没有仔细分析,当然,当时也解决了。下面就先让bug重现,然后再来具体的分析下解决之道吧......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-21 - 阅:156 - 积分:0

浮动引起li之间有空隙的问题

浮动引起li之间有空隙的问题

记得在前面写过一篇文章《几种实现文字居左日期居右布局的方法》,是关于新闻列表文本居左时间居右的方法,文中的方法二在ie6中存在一个bug.到底是什么bug呢?还是来看图说话吧......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-19 - 阅:255 - 积分:0

图片距下面有3px的问题

图片距下面有3px的问题

经常会听到有人提及图片距下面有3px这个问题,今天笔者就来对此进行详细的分析。下面还是先来回顾一下问题,我们让此bug重现于江湖,见下图。 为了让读者更加清楚的发现那3px,笔者已经将外容器添加了背景,此时可以看到图片与下面就一......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-18 - 阅:301 - 积分:0

纯css实现的二级导航下拉菜单

纯css实现的二级导航下拉菜单

上述代码展现的是一个纯css实现的二级下拉导航效果,里面没有夹杂任何js/jq。当然兼容性就不用说了,ie6是要靠边站的。源码中应用了伪类,在ie6中支持的伪类非常有限。正是由于ie6的限制,致使我们在写代码时不得不使用大量的js/jq来替代伪类。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-11 - 阅:765 - 积分:0

滚动的可乐瓶(碉堡了!)

滚动的可乐瓶(碉堡了!)

好久没有更新文章了,看看网站就感觉心酸。快一个月了,自己也没什么时间打理,更新断断续续,度娘也不来看我,收录量也没有,泪流满面啊!唉,还是发表篇文章吧。度娘收与不收,文章就在哪里,只增不减。希望读者喜欢本文。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-09-12 - 阅:1023 - 积分:0

简易两列布局与三列布局框架模版

简易两列布局与三列布局框架模版

在笔者看来,一个网站的页面框架通常由三部分组成。笔者喜欢横向切割,将一个网页画分为上,中,下三部分,分别对应头部,中间内容,尾部。事实上,无论是大型门户网站还是小型企业网站还是个人博客,都离不开头部,内容部分,尾部这三块,虽然有些网站很个性,与众......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-08-31 - 阅:210 - 积分:0

谈谈自己对于ie6下高度导致两个div间有3px这个bug的看法

谈谈自己对于ie6下高度导致两个div间有3px这个bug的看法

也许这个传说中著名的3px bug你早已经知道,但你知道为什么会这样吗?笔者在网上搜了下,解决方法无外乎采用float或margin负边距或overflow等等。吐槽一下:......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-08-31 - 阅:125 - 积分:0

浅谈ie6下容器无法设置1px的高度的原因及解决方法

浅谈ie6下容器无法设置1px的高度的原因及解决方法

传说中的ie6下有很多著名的bug,例如双边距,3px bug,默认最小行高等等。今天就来看看ie6下默认行高是怎么回事。......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-08-31 - 阅:1833 - 积分:0

49<<<123>>>