linear-gradient给背景渐变

linear-gradient() 函数用于创建一个线性渐变的 "图像"。 为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡,并且你必...


CSS图片hover边框效果

这制作CSS边框效果的时候我们都知道用a标签和a:hover但是我往往这样定义会达不到想要的效果,今天在做wordpress模版的时候遇到这个问题了,看我的怎么解决的。 <div class="kanfangsuoluetu"> <a href="...


DIV高度延伸-自适应高度

上次我在本站中写到一篇文章关于父级DIV绝对居中高度不延伸的解决方法,但上次的方法似乎还不够完善,在复杂的DIV中,不起作用,所以今天又收集了一个办法,希望能解决大家的问题 下面写个例子: <div id="div...


CSS打造图片鼠标悬停效果

这个效果往往我们会用到JS特效,但是个人不是很喜欢这样的效果,因为要给网站带来一些负担,特别是不是很懂JS的如果去用人家的JS例子来修改,往往会附加很多的垃圾文件,可能你仅仅需要一个悬停效果按这个JS里面...


chrome谷歌浏览器overflow:hidden;兼容问题

现在谷歌浏览器越来越深入我们的视线了,做好谷歌浏览器的兼容问题是必须的,今天我就遇到一个头痛的问题,谷歌浏览器的隐藏溢出的问题也就是我们的CSS:overflow:hidden;这个代码众所周知都清楚是干什么用的,但...


网站DIV定位清除浮动

在写DIV定位的时候常常呼会用到浮动,有的朋友喜欢把浮动写在CSS里面有的喜欢把它们写在DIV里面,到底哪个好呢?其实功能都是一样只是看我喜欢怎么来安排它们。 我们都在知道清除浮动的CSS是“clear: both;”我们如...


关于父级DIV绝对居中高度不延伸的解决方法

在写DIV的时候我们都知道要让父级DIV高度随着内容的增加而延伸必须给父级DIV添加一个float:left;属性,但是假如我们的父级DIV必须要在网页里面居中,很明显我们使用float:left;属性是肯定不行的,不管你是否设置...


让IE6也支持PNG格式的图片透明

IE6的透明问题真的是让人头痛,都说在抵制IE6了,但还是有很多人在使用IE6,现在PNG的广泛使用,造成的兼容问题也不容忽视,那么我们如何来做到IE6也支持PNG格式的图片透明呢? 首先我们要确定方法那么就就用iepn...


解决IE下li标签前面不显示小图标

最近写主题遇到一个文章列表显示图标的问题,本来按照常规LI标签加上背景padding-left就可以解决的,但是在谷歌与IE9以及火狐下面都是没问题,可在IE8以下版本以及360,搜狗浏览器下就是不显示LI前面的小图标。 ...


CSS控制图片等比缩放

在写文章的时候我们的图篇往往不是那么近人意的,这样我们就要根据网站的内容页面宽度用PS等软件来修改图片但是这样一来我们就多了很多程序步骤,最好是直接上传图片就控制图片的宽度,当然这个肯定是可以实现。...


css实现文字的截断

文字截断的功能一般都用在li,p等标签上,都是为了截断超出DIV宽度的一种手段,CSS的截断在不同的浏览器或表现出不同的效果,不如在IE下面就不能显示省略号,当然本站主要是围绕wordpress主题来整理CSS之类的文章...


CSS3圆角效果详解

现在大多数网友都已经脱离IE6,IE7,所以对于圆角我们这些站长可以一轻松了很多,特别是使用非IE内核的浏览器,border-radius属性就能很简单很快速的实现圆角了。 border-radius属性: CSS3圆角只需设置一个属性...


简单css实现图片选中效果

css中的A能创造出很多精彩的效果,这次的这个效果对于经常逛蓝色的朋友来说应该很熟悉,就来自蓝色理想作品库的作品展示效果。我很喜欢,所以把它拿了出来----简单的精彩! <style type="text/css"&...


CSS中如何区分谷歌浏览器的兼容

现在谷歌浏览器已经被很多用户认可,不仅仅是它的外观简洁,而且功能也很强大,对于我们常常写CSS的站长来说不仅要照顾谷歌浏览器,还要照顾各个主流的浏览器,有时候在按照常理写CSS的时候其他浏览都兼容某段CSS...


DIV定位position:relative;与position:absolute;运用

写wordpress主题就必须要用到DIV与CSS所以我们也会常常会用到浮动,左右浮动都非常简单,我们可以用“float:left;float:right;”来控制,这两个CSS都是常用和普遍的,但是我们如果要让DIV绝对定位而且居于某一个DIV...