Maison  >  Article  >  interface Web  >  求助JS和CSS高手啊,如何实现一个DIV中同时有半透明和完全透明_html/css_WEB-ITnose

求助JS和CSS高手啊,如何实现一个DIV中同时有半透明和完全透明_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 12:08:21933parcourir

一个DIV,四方形,中间一个椭圆,椭圆外是白透明的,DIV四周慢慢指向圆心,背景越透明,中间一部分完全透明,四周半透明这样一个状态,如何实现??  


回复讨论(解决方案)

还是用图片吧

这几天刚刚自学的css   你这个应该可以用css 的滑动门解决的吧   

IE下面透明用filter:alpha??,其他??器用opacity

四周慢慢指向圆心 你是不是在说css3的径向渐变啊?
可以用这个工具解决 http://www.colorzilla.com/gradient-editor/

四周慢慢指向圆心 你是不是在说css3的径向渐变啊?
可以用这个工具解决 http://www.colorzilla.com/gradient-editor/

这都是从左至右或者是从右至左的。
能不能一个圆心的呢,指向圆心,圆心部分完全透明。

建议直接修改图片

同上,建议做成图片。就算能实现,估计代码也是有比较多

这个问题,我最初的想法就是用图片解决,现在也是这么解决的,自己用PS做的图片,图片占资源,我想看下大家有没有用CSS解决的

建议用图片吧!LZ

 - -图片比较省事。

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn