十月
27

CSS透明那些事

CSS透明那些事
网页上的透明效果可以带来美轮美奂的养眼效果,在标准浏览器中 1: opacity:x; 就可以实现透明,x为0到1之间的数值,0为全透明(看不见,效果和visibility:hidden差不多,此时元素在页面上所占的位置还在。但是,全透明的元素还是可以被触发的,比如如果是一个a链接,你还是照样可以点击,而visibility:hidden的元素虽然所占位置空间还在,但是是不可触发的。),1为不透明。 在IE下,主要是指IE6到IE8(IE9已经直接支持opacity),可以通过滤镜
继续阅读→ 本文标签: , , , ,

十月
20

兼容所有浏览器的文字阴影

兼容所有浏览器的文字阴影
文字阴影在借助CSS3下非常容易实现,但是问题是IE8以及他的小弟弟们都不会此功能。今天抽空在做ajaxPaled的首页封面时,看到QQ阅读器的封面上的标题文字是带阴影的。我最初以为是CSS3,可后来发现居然IE下也有阴影。看了下源码,发现了秘密—— 其实就是使用绝对定位重叠放置两种不同颜色的文字 如上图,两个div容器,其中的内容一模一样。然后根据class值来定义css样式,使用绝对定位(absolute) 1: .classname, .classname1 { 2: color:#333
继续阅读→ 本文标签: , , , , ,

十一月
26

浅谈css中图片定位之所有图标放在一张图上(一)

浅谈css中图片定位之所有图标放在一张图上(一)
      如今做网页为了使网站丰富多彩,富于表现力,往往需要应用大量的图片/图标。如何处理这些图片,使其尽量不影响网页载入,解析等速度,是一个不大不小的问题。如果你的网站用各种图标图案装饰的靓丽无比,但是需要等待较长的时间加载,那么相信很多用户会等不及而离开。尽量将图片做的小些,可能是大部分人选择的解决之道。但是100张1kb的图片加载与一张100kb的图片加载,这之间又是不同的,这涉及到网站服务器的同
继续阅读→ 本文标签: , , ,

十一月
11

css层固定,position语法

css层固定,position语法
今天花了点时间重写了404错误页面的模板,原来的没有头部,没有尾部,只是很简单的一个错误提示,而且由于是独立页面,和我的网站风格完全不是一回事。于是便给他加上了 头部(header)和尾部(footer)。 本来以为前后加上<?php get_header(); ?>和<?php get_footer(); ?>就完事了,但是没想到打开404页面后居然页面完全一团乱。又看了一下,发现是header中包含有未闭合标签。于是只好重新编辑一下。 最后是页面底部,这个我发现,由于404页面很
继续阅读→ 本文标签: , ,