61,112
社区成员
发帖
与我相关
我的任务
分享CSS中几种文字滤镜效果怎么显示不出来？
style:"FILTER: mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC);"
这个效果我觉得是一种比较好的凹入效果。
但嵌入页面（ASP）用DW编辑后，不能看到因改的效果，就如同没用用此滤镜一样。
还有其他几种滤镜也不能应用。
可是我的浏览器是IE6的啊！
...全文
请发表友善的回复…
发表回复
caiyajun512 2004-07-07
- 打赏
- 举报
<HTML>
<HEAD>
<TITLE>onFilterChange Event Handler</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function init() {
image1.filters[0].apply()
image2.filters[0].apply()
start()
}
function start() {
image1.style.visibility = "hidden"
image1.filters[0].play()
}
function finish() {
// verify that first transition is done (optional)
if (image1.filters[0].status == 0) {
image2.style.visibility = "visible"
image2.filters[0].play()
}
}
</SCRIPT>
</HEAD>
<BODY onLoad="init()">
<H1>onFilterChange Event Handler</H1>
<HR>
<P>The completion of the first transition ("circle-in")
triggers the second ("circle-out").
<BUTTON onClick="location.reload()">Play It Again</BUTTON></P>
<DIV ID="image1" STYLE="visibility:visible;
position:absolute; top:150px; left:150px;
filter:progID:DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='in')"
onFilterChange="finish()"><IMG SRC="desk1.gif" HEIGHT=90
WIDTH=120></DIV>
<DIV ID="image2" STYLE="visibility:hidden;
position:absolute; top:150px; left:150px;
filter:progID:DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='out')">
<IMG SRC="desk3.gif" HEIGHT=90 WIDTH=120></DIV>
</BODY>
</HTML>
<HEAD>
<TITLE>onFilterChange Event Handler</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function init() {
image1.filters[0].apply()
image2.filters[0].apply()
start()
}
function start() {
image1.style.visibility = "hidden"
image1.filters[0].play()
}
function finish() {
// verify that first transition is done (optional)
if (image1.filters[0].status == 0) {
image2.style.visibility = "visible"
image2.filters[0].play()
}
}
</SCRIPT>
</HEAD>
<BODY onLoad="init()">
<H1>onFilterChange Event Handler</H1>
<HR>
<P>The completion of the first transition ("circle-in")
triggers the second ("circle-out").
<BUTTON onClick="location.reload()">Play It Again</BUTTON></P>
<DIV ID="image1" STYLE="visibility:visible;
position:absolute; top:150px; left:150px;
filter:progID:DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='in')"
onFilterChange="finish()"><IMG SRC="desk1.gif" HEIGHT=90
WIDTH=120></DIV>
<DIV ID="image2" STYLE="visibility:hidden;
position:absolute; top:150px; left:150px;
filter:progID:DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='out')">
<IMG SRC="desk3.gif" HEIGHT=90 WIDTH=120></DIV>
</BODY>
</HTML>
ywiori27 2004-07-07
- 打赏
- 举报
有很多CSS滤镜都可以显示，就这些不行！WHY？
