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

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

WBOY
WBOYOriginal
2016-06-24 12:08:21937Durchsuche

一个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

 - -图片比较省事。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn