如何在HTML中制作晕影效果?
我正在寻找一个很好的解决方案,如何为网站制作
vignette effect.角落应该比页面的背景颜色更暗,就像径向渐变一样.
到目前为止我尝试了不同的方法 > 4个DIV设置为位置:绝对,顶部/底部:0px,左/右:0px,每个都有一个图像(图像块链接.一般情况不好?) 关于浏览器支持: CSS3径向渐变在我看来是最好看的解决方案,但我担心很多用户不支持它,因为他们的旧浏览器.使用4 DIV解决方案我遇到了无法点击的链接问题,因为图像会阻止它.我试着搞乱z-index,但这不起作用.我给了DIVs z-index:1和#container(其中放置了所有内容)的z-index为10.应该不行吗? z-index是否会影响链接? 所以你们认为,这将是一个很好的解决方案?我在这里显然需要一些帮助.谢谢! 解决方法
你可以使用内部阴影
box-shadow: inset 0 0 100px #000; 演示:http://jsfiddle.net/ACPUP/ 但它在IE7 / 8中不起作用.旧版本的Firefox,Chrome,Safari或Opera可能需要它们的前缀:-webkit-box-shadow,-moz-box-shadow或-o-box-shadow. 您还可以堆叠这些阴影以获得更加生动的效果,但我不知道旧版本的浏览器是否支持这种效果. box-shadow: inset 0 0 120px #000,inset 0 0 80px #000,inset 0 0 40px #000; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |