摘要:
技巧1:绝对定位的元素第一种方法,使用页面上的HTML元素的绝对定位来创建浮层叠加效果。在模板中使用一个空的div标记,使用CSS的绝对定位给这个div指定一个高的z-index值,确保这个空的div保持在页面其他元素的顶部,除了叠加在这个层上面的弹出窗口,需要设置一个更高的z-index值。 假如我们给一个空的div标签添加一个.overlay类名,使用CSS定位,将这个层叠加在页面上面:html, body{ min-height: 100%;}body{ position: relative;}.overlay{ position: a... 阅读全文
posted @ 2014-02-11 16:47
a fine day
阅读(428)
评论(0)
推荐(0)
摘要:
CSS3实现11种经典的CSS技术一、透明元素(opacity):如果你最近有访问Envato website,你就会发现,这个网站上使用了大量的透明属性——CSS3 Opacity。这个属性使用有一段时间了,在IE下我样要配合IE的滤镜一起来使用,只是有一点需要注意的,使用opacity制作透明效果会影响其所有后代元素的透明度。CSS经典方法 CSS3方法 用CSS3属性,我们可以不考虑IE下的效果,所以可以直接把IE下的滤镜去掉。具体效果DEMO。如果你想了解其使用方法,可以参阅本站的《CSS3 RGBA》一文... 阅读全文
posted @ 2014-02-11 13:48
a fine day
阅读(154)
评论(0)
推荐(0)
摘要:
background-size:background-size: auto || || || cover || contain取值说明:1、auto:此值为默认值,保持背景图片的原始高度和宽度;2、此值设置具体的值,可以改变背景图片的大小;3、此值为百分值,可以是0%〜100%之间任何值,但此值只能应用在块元素上,所设置百分值将使用背景图片大小根据所在元素的宽度的百分比来计算。4、cover:此值是将图片放大,以适合铺满整个容器,这个主要运用在,当图片小于容器时,又无法使用background-repeat来实现时,我们就可以采用cover;将背景图片放大到适合容器的大小,但这种方法会使用.. 阅读全文
posted @ 2014-02-11 13:30
a fine day
阅读(272)
评论(0)
推荐(0)
浙公网安备 33010602011771号