网页设计中这个阴影是怎么做的 有具体代码最好

1# 直接添加CSS3阴影 .style { -moz-box-shadow: 0 0 8px black;-webkit-box-shadow: 0 0 8px black;box-shadow: 0 0 8px black;} box-shadow: 上偏移 左偏移 投影大小 投影颜色(支持rgba透明)这种方法的弊端是必须支持CSS3的浏览器,低版本浏览器一把不兼容,是看不到这个效果的,...
网页设计中这个阴影是怎么做的 有具体代码最好
方法有很多种,常用的其实有两种:
1# 直接添加CSS3阴影
.style {

-moz-box-shadow: 0 0 8px black;
-webkit-box-shadow: 0 0 8px black;
box-shadow: 0 0 8px black;
}

box-shadow: 上偏移 左偏移 投影大小 投影颜色(支持rgba透明)

这种方法的弊端是必须支持CSS3的浏览器,低版本浏览器一把不兼容,是看不到这个效果的,例如ie6 7 8

2# 用png图做投影

方法就是将投影切一个透明图,然后放在你需要加投影的盒子外面,见图:
给box加一个背景, 内容放在里面的content里,搞定

2013-02-22
1、用背景图片,好处:兼容各大浏览器。2、使用css3效果,box-shadow,缺点:IE9一下不兼容2013-02-22
mengvlog 阅读 54 次 更新于 2025-12-19 01:33:37 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部