以文本方式查看主题

-  计算机科学论坛  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  [求助]新人求助,SVG图象背景能否透明?  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=47648)


--  作者:苍斐
--  发布时间:5/28/2007 10:24:00 AM

--  [求助]新人求助,SVG图象背景能否透明?
如题,我用<embed>把SVG嵌入网页中,但SVG原有的图形底板将网页内容遮挡住了,能不能把这个矩形底板透明化? 哪位高手能指点一二,不胜感激。
--  作者:zq200487731
--  发布时间:5/28/2007 11:21:00 AM

--  
你把svg放在一个div里,然后设置z-index试试
--  作者:苍斐
--  发布时间:5/28/2007 11:36:00 AM

--  
貌似不行……郁闷ing
--  作者:zq200487731
--  发布时间:5/28/2007 2:14:00 PM

--  
我估计也不行,仔细想想svg不就是一个新页面么,你能把一个页面农透明么
--  作者:gambey
--  发布时间:6/6/2007 9:59:00 AM

--  
是啊,我也为这个问题烦恼呢!不知道这个问题能解决么?找了资料,做了实验,还是不行。希望高人能够指点迷津啊!
--  作者:yi_xiao
--  发布时间:6/6/2007 3:23:00 PM

--  
SVG背景可以透明,但因为浏览器支持或者说插件原因,往往会显示成白色背景.

并不是你透明背景的SVG文件放入到网页中的时候就一定透明,这里涉及到其他的问题,目前Internet Explorer在安装Adobe SVG Viewer插件的情况下,透明背景的SVG很可能被显示白色背景了。而你换成Mozilla Firefox浏览器查看的话,你就会发现透明背景的SVG显示正常了。

以下这两个实例就是背景透明的.

http://www.eramx.com/forum/tucool/0833-01.svg

http://www.eramx.com/forum/tucool/0833-02.svg


另外不建议使用< embed >标签,应该使用< object >标签

以下内容为程序代码:

<object data="0833-02.svg" codetype="image/svg-xml"
style="width:400;height:400;">
</object>


详细的可以看看这个贴子的介绍,http://www.eramx.com/forum/showthread.php?t=833



--  作者:ttmovey
--  发布时间:11/2/2007 2:31:00 PM

--  
IE中,完全可以支持SVG透明。
---
条件:使用<embed>标签 (自己测试的,其他标签未知)
---
Tip: Internet Explorer supports an additional attribute, wmode="transparent", that let the HTML page background shine through.
tip:ie浏览器支持一个附加的属性,wmode="transparent",用来使html背景透明。
-------来自W3C Schools SVG教程。
---

For Example:
---
<embed src="rect.svg" width="300" height="100" type="image/svg+xml" wmode="transparent" />



--  作者:gambey
--  发布时间:11/5/2007 11:04:00 PM

--  
我刚才试了一下,真的可以了,让我重新改变了对svg的看法,真是太感谢了,解决了这个老大难的问题,原来觉得svg之所以不够流行,很大原因是因为不够强大,看来还有部分原因是我们对它了解不够啊!嗯,这回学习了!再次感谢ttmovey网友提供的帮助!
--  作者:hbb1015
--  发布时间:11/7/2007 8:25:00 PM

--  
看了之后学到好多东西
--  作者:upc2neiep
--  发布时间:11/14/2007 1:40:00 PM

--  
学习了,不错
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
62.500ms