网页制作

纯css的accordion效果(代码分享)

类似的例子网上也有,感兴趣的同学可以去google,这里我自己试着去实现一个,其实很简单,主要是用到了css3中的:target伪类和transition效果.
收藏 0 赞 0 分享

ie6 表格td中无内容时不显示边框的解决办法

td中没有内容的时候,默认是不会显示td的边框,此时页面上显示的是一片空白,用户根本不知道这里其实有个的,并且页面也显得凌乱不堪,搜罗了下,总结了下面几种解决方法
收藏 0 赞 0 分享

div背景半透明 覆盖整个可视区域的遮罩层效果

背景半透明,覆盖整个可视区域的遮罩层效果在工作中经常会遇到,这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性。 下面我们通过一个简单的例子看看如何实现,高手请绕道
收藏 0 赞 0 分享

css 背景半透明最佳实践

透明作为一种效果增强的方案,被众多视觉设计师喜欢。但因为 IE 的原因,透明,特别是半透明,已经成为前端工程师最不愿意实现的东西
收藏 0 赞 0 分享

css 垂直居中的几种实现方法

用过 Fireworks / PhotoShop 的人应该都知道,在画布中将一个页面模块居中是多容易的事,可如果是垂直居中,前端就苦逼了
收藏 0 赞 0 分享

css 兼容性书写记录

很早开始就知道css hack并使用之,以前觉得css hack是个很神奇的东西能解决很多兼容性问题,渐渐地发现,其实不容hack的页面才是更好的选择
收藏 0 赞 0 分享

css hack 记录

css hack 记录,做前端开发的朋友可以看下。
收藏 0 赞 0 分享

对网页中层的固定实现代码

前几天在对网页页面进行布局的时候,遇到一个需要将网页的最下面一个层固定起来,不随网页的滚动条滚动,添加减少浏览器的菜单也不会变动的需求
收藏 0 赞 0 分享

纯CSS打造Bubble气泡提示框实现代码

要做一个Bubble气泡提示框,如果用CSS3特性来做很容易,用图片来做也可以,但前者有兼容性问题,后者又不够灵活,用图片做有一个例子可以看看jquery打造一款侧边弹出的垂直导航。
收藏 0 赞 0 分享

去掉a标签超链接的虚线框的方法

去掉a标签超链接的虚线框的方法,需要的朋友可以参考下。
收藏 0 赞 0 分享

CSS网页布局时常犯的几种小错误小结

CSS网页布局时常犯的几种小错误小结,前端开发的朋友一定要注意下。
收藏 0 赞 0 分享

关于IE6、7、8下实现盒阴影的几个注意点

关于IE6、7、8下实现盒阴影的几个注意点,需要的朋友可以参考下。
收藏 0 赞 0 分享

让IE6支持HTML5元素的方法

今天把网页改成了HTML5的,调试了一下,在FF和Opera中都显示正常了,到了IE6上却变得面目全非了。GOOGLE了一下,发现了html5shiv这个项目,可以把HTML5的新元素转换成IE6认识的内容
收藏 0 赞 0 分享

鼠标经过图片显示边框的CSS代码

鼠标经过图片显示边框的CSS代码,需要的朋友可以参考下。
收藏 0 赞 0 分享

CSS3 border-image详解、应用及jQuery插件

border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限,仅Firefox3.5,chrome浏览器,Safari3+支持border-image。
收藏 0 赞 0 分享

解决在ie6中,图片下方出现空隙的办法

由于浏览器的不同,我们在使用div+css排版中、难免会遇到许多这样那样的问题。在ie6中,图片的下方会出现多余的空隙。 如何来解决这个问题呢? 其实解决这个问题有很多种方法……
收藏 0 赞 0 分享

解决ie6下3像素bug问题

在ie6浏览状态下,我们看到。绿色div与蓝色div中间出现了一条空隙。这就是ie6下3像素bug问题……
收藏 0 赞 0 分享

DIV+CSS 兼容小集

关于div+css兼容IE和firefox的问题 好不容易建立的div+css网页完全符合W3C标准。在ie7下显示非常完美,用firefox一测试,乖乖一探糊涂惨不忍睹。经过一番研究发现兼容很
收藏 0 赞 0 分享

CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)

CSS设置DIV Herf底层图片和链接同时改变,兼容IE,Firefox,Opera,Safari,Chrome等
收藏 0 赞 0 分享

CSS实现垂直居中的几种方法

最近上网上找了些关于CSS实现垂直居中的方法,方法挺多,下面就我看到的几种好方法在这里说明一下,使用 CSS 实现垂直居中并不容易。
收藏 0 赞 0 分享