摘要: 如下图所示图片下方的效果是半透明的。大体结构:灰色半透明部分和城市文字是两个图层,绝对定位到图片的底部。因为放到一个图层的话文字也会变成半透明。半透明部分设置样式:opacity:0.7在ie9/ie10/ff/chrome/opera/safari显示正常,是图上的效果。但是这样在ie6-ie8中... 阅读全文
posted @ 2015-04-21 15:11 香芋奶茶 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 网页设计,像网络的其它领域一样,在2014年也是经历了数次变革。几个新的网页设计趋势有望在2015年出现,预计在网页设计领域将会出现更具创新和有趣的设计理念,特别是新旧趋势的融合。下面就让我们来看看,2015年Web设计领域的发展趋势。图片仍然是焦点 一幅画胜过千言万语。当然,这句话你可能听说过很... 阅读全文
posted @ 2014-12-08 11:28 香芋奶茶 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 这里介绍一下CSS中的Zoom属性,这个属性一般不为人知,甚至有些CSS手册中都查询不到。但经常会在一些css样式中看到它出现。Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除... 阅读全文
posted @ 2014-10-30 16:05 香芋奶茶 阅读(3114) 评论(0) 推荐(0) 编辑
摘要: 早前2011年5月就在站上写了一篇《CSS3 Transform》介绍CSS3中Transform属性的简单应用。但这篇文章里的知识无法满足大家对Transform的一个全面认识,最近重新整理了一个Transform系列的文章,希望对初学者有所帮助。前几天介绍了《CSS3 Transform——transform-origin》、《Transform-style和Perspective属性》和《CSS3 2D Transform》。今天是这个系列的最后一篇——CSS3 3D Transform。作为一个网页设计师,你可能熟悉在二维空间工作,但是在三维空间上工作并不太熟悉。使用二维变形我们能够改 阅读全文
posted @ 2013-11-26 10:21 香芋奶茶 阅读(255) 评论(0) 推荐(0) 编辑