网页制作

浏览器对于含小数值px(像素)解析的差异及小数值如何解决兼容性问题

说到解决兼容性问题,不得不提一下css hack,曾几何时我以会使用几个hack沾沾自喜,后来发现自己真是个vip级别的蠢蛋,浏接下来介绍览器对于含小数值px(像素)解析的差异
收藏 0 赞 0 分享

css 图片变黑白效果 使用CSS将图片转换成黑白的

时代发展,如今,CSS3的逐步推进,我们也开始看到“黑白效果”大规模应用于实际的可能,接下来介绍CSS3 greyscale 滤镜实现,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

css实现跨浏览器的盒阴影效果告别图片实现类似效果

在web页面的UI表现中,投影效果可以说是非常常见的一种表现效果了,然而,在CSS2的时代,我们多半使用图片实现类似效果,或是使用CSS其他属性模拟阴影效果,但是,现在,CSS3的崛起使得这个问题已经不再是是个问题了,本文就将展示如何实现跨浏览器的盒阴影效果
收藏 0 赞 0 分享

css实现跨浏览器的box-shadow盒阴影效果告别图片实现类似效果(2)

前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜,但是使用的是shadow滤镜,这种滤镜的效果很牵强,效果过渡不自然.而本文实现的IE下的盒阴影效果就相对非常自然,而且还支持内阴影的UI表现,究竟效果如何,请继续浏览
收藏 0 赞 0 分享

css3背景图片透明叠加属性cross-fade简介及用法实例

据说iOS6系统(iPhone5)增加了两个CSS3属性,一个是CSS3 filters – CSS3滤镜另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出,接下来为您介绍cross-fade属性,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

FireFox下文本框/域百分比自适应数值padding显示bug解决方案

经常会遇到文本框以及文本域宽度100%自适应显示的情况,对于文本框或者文本域,光标最好距离左侧边缘有一定的间距。IE6+, Opera, Chrome, Safari浏览器都是显示很OK的;唯独FireFox火狐浏览器,其虽然宽度渲染正常,但是,光标的位置确是顶头的(与数值pad
收藏 0 赞 0 分享

css3 box-sizing属性使用参考指南

CSS3 box-sizing属性,在很多新手朋友来看是比较陌生的,接下来介绍CSS3 box-sizing使用及注意部分,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

应用before/after伪类时如何CSS命名以及针对ie6/ie7浏览器兼容

before/after伪类相当于在元素内部插入两个额外的标签,其最适合也是最推荐的应用就是图形生成,本文简单展示我在实际项目中,应用before/after伪类时候,如何CSS命名的,HTML有哪些处理,如何对付IE6, IE7浏览器的
收藏 0 赞 0 分享

overflow:hidden line-height clearfix:after使用方法介绍

overflow:hidden的作用是隐藏溢出,line-height指的是在DIV中的元素上下居中接下来详细介绍它们的用法,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

css 垂直对齐 css中vertical-align属性(垂直对齐)的使用说明

这两天写个页面css的时候用到了vertical-align属性,使用过程中踩到了坑,因此整理了一些,以备不时之需,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

div css图文混排列表设计中的基础问题总结

最近业务需要,想设计一个比较通用的图文混排的列表,结果设计的过程中遇到了不少问题,都是一些css中比较基础的问题,自己还是想总结下,希望可以帮到一些css设计的初学者,同时也想扩大下自己的知识量,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

css 背景透明 元素(标签)背景透明的css设计

今天要设计一个定位在图片上的标签,标签的背景要有一定的透明度,使用到了opacity的属性,过去没太注意这个属性的兼容性问题,结果很是郁闷
收藏 0 赞 0 分享

css3强大的动画效果animate使用说明及浏览器兼容介绍

昨天突然看到jing.fm(这个音乐网站非常不错,很多效果我都很喜欢,如果你有兴趣,可以去围观下)上音乐播放时,专辑的转动效果很不错,所以准备自己动手写下,以备后用。结果第一次使用animate就遇到了坑爹的事情,特吐槽下
收藏 0 赞 0 分享

ie下的css层叠z-index各种问题详细整理

可是真有些日子没有写DIV+CSS了,而且对IE6兼容性的坑碰到的还是不够多(以前做国外项目),所以这次开发中不可避免的碰见了几个问题,尤其是在IE下的 z-index 问题很有意思,所以整理了一些资料和总结分享给大家,希望可以帮助你们
收藏 0 赞 0 分享

关于Chrome浏览器字体显示的太小不一的bug处理

我今天在A号机器上用chrome打开一个网页,再用B号机器上用chrome打开相同的网页,结果出现字体显示的太小不一样。原因是在简体中文版一直存在最小字体 12px 的限制,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

IE6 float:left margin-left出现两倍像素

一个元素向左浮动(float:left),且添加了向左空白边(margin-left:10px),那么会自动的加一倍变成30px,接下来介绍如何解决此问题,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

css固定宽度并且让最后一行文字换行

在固定宽度的块级元素中,里面的内容最后一词组在宽度不够的情况下没有换行,如何让它换到下一行,这个问题一直很是疑惑,接下来介绍解决方法,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

文件上传input file简便美化方案(css)

文件上传input在各个浏览器里表现形式都不一样,这里通过css样式控制,尽量在多浏览器中的表现都一样
收藏 0 赞 0 分享

ie7下z-index失效问题解决方法(详细分析)

绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index
收藏 0 赞 0 分享

CSS样式分离之再分离达到精简与重用

无论是CSS的分离还是js的分离,其主要作用之一就是精简与重用,CSS本身就代表着精简与重用,CSS样式分离,我一般指的是“以单独的CSS文件将CSS样式分离出来”,此处的重用多针对不同页面的重用,就是说,一个样式文件,可以多个页面使用,这对于一些公共样式的重构是很有
收藏 0 赞 0 分享