Home >Web Front-end >HTML Tutorial >浮雕效果是怎么实现的_html/css_WEB-ITnose

浮雕效果是怎么实现的_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:46:041317browse

怎么实现的



请这的浮雕效果是怎么实现的


回复讨论(解决方案)

css box-shadow: http://www.wufangbo.com/css3-box-shadow/

.box{ box-shadow:1px 1px 5px #999;}写这样子的样式就行了

.box{ box-shadow:1px 1px 5px #999;}写这样子的样式就行了

您好,非常感谢您的回答。

但是还是有一点问题:1.在IE下不显示(我上的网站在IE下是显示的http://www.aol.com/)。2.左右不一样(可能我没弄明白怎么用).

css box-shadow: http://www.wufangbo.com/css3-box-shadow/

您好,非常感谢您的回答。

但是还是有一点问题:1.在IE下不显示(我上的网站在IE下是显示的http://www.aol.com/)。2.左右不一样(可能我没弄明白怎么用).

1.在IE下不显示(我上的网站在IE下是显示的http://www.aol.com/)
re:

不显示阴影?

我在IE下下一个 ie-css3.htc

1.在IE下不显示(我上的网站在IE下是显示的http://www.aol.com/)
re:

不显示阴影?

这个参数是怎么回事,不知道应该添什么值、

<!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="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">body{margin:0;padding:0;}#sitepage{margin:0 auto;width:90%;height:700px;-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);}</style></head><body><div id="sitepage"></div></body></html>

box-shadow这个属性在ie的6-8版本中都不被支持,ie9中好像才有效  你去查看css的帮助文档吧

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn