网页背景阴影在css里代码怎么写，如下图。把网页保存到本地后，这个阴影连同白色的底都没了，求解

html-css09

网页背景阴影在css里代码怎么写，如下图。把网页保存到本地后，这个阴影连同白色的底都没了，求解,第1张

那个阴影是用png透明图片做出来的，css没有半透明的样式，顶多是用滤镜半透明，不过滤镜兼容性太差了，一般做网页的人不到没有办法是不用的

例如一个带阴影的弹出框，就需要切8张透明的png图片

左上角、右上角、左下角、右下角、上边、下边、左边、右边

其中上边和下边的是作X轴背景平铺，宽度设为1px，左边和右边是作Y轴背景平铺，高度为1px

当然要出效果并非一定是要8张图片，只是这样切的话图片会比较小，弹出框的可伸缩性更强

这个其实不难，只不过你被自己的思路局限了，你可以在这个标签外面添加一个标签，然后限定高度然后overflow：hidden，在给他本身添加box-shadow属性，但是要注意这个高度一定要小于外面标签的高度，如果高度不够那你可以添加一个padding-bottom属性。这个肯定能实现。

CSS一些特效代码，大多数浏览器都是不支持的，兼容性非常差，如果想要做阴影，建议用图片来现实这种效果，就是因为兼容性差所以你看现在网络上的网站基本上没有用CSS特效代码的，特别是一些大站 ！