Can a div be partially transparent in cfdocument p

2019-09-08 12:16发布

站内问答 / HTML/CSS
1920 2 4

Need a div to partially show the image behind it, is this even possible? Tried:

opacity:.5;

AND

filter:alpha(opacity=50);

Both produce a solid div.

Any help would be much appreciated.

2条回答
一夜七次
2楼-- · 2019-09-08 12:30

Right you are, thirtydot! You gotta toss a thumbs-up for cfdocument, eh?

I've confirmed this works in CF9. I do wonder whether this example is backward compatible.
Can anyone confirm other ColdFusion versions support this?

<cfdocument format="PDF" pagetype="letter" 
    margintop="0.5" marginbottom="0.5" 
    marginleft="0.5" marginright="0.5">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <style type="text/css">
    body { background-image: url( "images/use_your_image.jpg" ); }

    img { border: 3px solid #990000; }
    </style>
</head>
<body>
    Does transparent image appear above the background repeated image?
    <img src="images/red_transparent_100x100.png">
    <!--- Generated this at http://transparent-png-generator.com/ --->
</body>
</html>

</cfdocument>
查看更多
0人赞 添加讨论(0) 举报
我命由我不由天
3楼-- · 2019-09-08 12:49

From a wondrous pure guess in a comment, I managed to find a working answer:

Did you try using a semi-transparent .png?

Yay!

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)