CSS DIV Shadow

/*
 2011-11-28 塗聚文 締友計算機信息技術有限公司
 CSS DIV Shadow
 css3
*/

#geovinduDiv-shadow
{
    padding:10px;
    background-color:#f9f9f9;
    border:1px solid #fff;
    position:relative;
	/*Firefox*/
	-moz-box-shadow: 3px 3px 4px #000;
	/*Safari,Chrome*/
	-webkit-box-shadow: 3px 3px 4px #000;
	/*css3: Opera,IE9*/
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

	}

/*
 2011-11-28 塗聚文 締友計算機信息技術有限公司
 CSS DIV Shadow
 css3
*/

#geovinduDiv-shadow
{
    padding:10px;
    background-color:#f9f9f9;
    border:1px solid #fff;
    position:relative;
	/*Firefox*/
	-moz-box-shadow: 3px 3px 4px #000;
	/*Safari,Chrome*/
	-webkit-box-shadow: 3px 3px 4px #000;
	/*css3: Opera,IE9*/
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

	}
时间: 2024-09-20 07:53:36

CSS DIV Shadow的相关文章

CSS滤镜:Shadow属性

ado|css|滤镜 Shadow属性可以在指定的方向建立物体的投影.它的表达式是这样的: Filter:Shadow(Color=color,Direction=direction) 在这里,Shadow有两个参数值:Color参数用来指定投影的颜色:Direction参数用来指定投影的方向. 这里说的方向与我们在第二节Blur属性中提到的"方向与角度的关系"是一样的. 也许您会问,前面讲到的Dropshadow属性和Shadow属性有什么不同吗? 光说的话,您恐怕还难以理解,让我们

div css标签:CSS+div 常用标签

最近在做网页的项目 很多东西都忘记了  我整理一下CSS+div 常用标签 希望可以帮助我和大家共同学习一下 先把整个网站构架起来才是基础,下一步才是加入jsp和Ajax.CSS中的长度 绝对单位:几乎不用在网页中 in 英寸      1in = 2.54cm cm 厘米    1cm = 0.394in pt 磅        1in = 72pt pc pica      1in = 6pc 相对单位:较常用 em   1em = 相应字体的font-size值 ex    1ex = 相

Css Div浮动叠加层效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Conte

用GoLive实现CSS+DIV之一

css 在可视化CSS编辑器方面,GoLive在版本6已经成型,其设计构思甚至成为许多专业CSS编辑器模仿的对象,如众所周知的TopStyle.近来随着中文版GoLive的发布,引发了业内网页制作软件之争.面对这个在国内几乎是一夜之间出现的新面孔,许多人开始关注.我曾发表过有关GoLive将在网页制作方面取代DreamWeaver的评论,预计后者将转型为数据库开发组件.这是因为DreamWeaver在数据库方面非常优秀,但在可视化网页编辑方面早已落后(应该说不曾领先).只是凭借着中文化优势占领着

CSS 滤镜——Shadow滤镜

ado|css|滤镜 Shadow 滤镜语法 {filter:shadow(color=color,direction=direction)} 利用"Shadow"属性可以在指定的方向建立物体的投影,COLOR是投影色,DIRECTION是设置投影的方向.其中0度代表垂直向上,然后每45度为一个单位.它的默认值是向左的270度. 效果如下: CSS滤镜实现 代码 效果拷屏 欢迎光临 <td style=filter:shadow(color=red, direction=45&g

CSS+DIV网页重构对比TABLE布局的显著优势

采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,就在今天下午,IT168首页改版就选择了这种做法.其实,早些时候像阿里巴巴.163等大型门户站点就已经完成了重构工作. Robin 早在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了. 采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势: 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息.

CSS+DIV实现鼠标经过背景变色

实现鼠标经过背景变色的方法有很多,今天我们介绍的是用CSS+DIV实现的方法. 方法一 #div:hover{background:#000000;}     解释:鼠标经过id为div的元素时背景变色     IE6.0.Firefox2.0.Opera 9.23都不行     方法二 <style> .d_over{background-color:#307172;} .d_out{background-color:#EFEFEF;}   哈哈哈哈哈     的标签是可以,可是,这样子会导

鼠标经过背景变色之CSS+DIV方法

  实现鼠标经过背景变色的方法有很多,今天我们介绍的是用CSS+DIV实现的方法. 方法一 #div:hover{background:#000000;} 解释:鼠标经过id为div的元素时背景变色 IE6.0.Firefox2.0.Opera 9.23都不行 方法二 <div onmouseover="this.style.backgroundColor='#F4F9FD'" onmouseout="this.style.backgroundColor='#FFFFF

css div实现的遮罩层完美兼容IE6-IE9 FireFox

css div 遮罩层想必熟悉网页的朋友都不陌生吧,网上也有相关的实现文章,不过大都对浏览器的兼容性不好,在本文将为大家介绍的是一个可以兼容IE6-IE9 FireFox 的遮罩层,感兴趣的朋友不要错过   Html代码: 复制代码 代码如下: <div id="black_overlay" style="display: none;"></div> <div style="display: none;" id=&q