>  기사  >  웹 프론트엔드  >  求助JS和CSS高手啊,如何实现一个DIV中同时有半透明和完全透明_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:08:21886검색

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

 - -图片比较省事。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.