opacity

phantomjs output file size: png v gif

半城伤御伤魂 提交于 2019-12-13 02:01:58
问题 With phantomjs you can choose the file format to use for page.render(). I'm finding that the file size I'm getting for png is around three times higher than what I'm getting for gif. I wasn't aware that png should be any worse (in terms of file size) than gif; in fact I thought png was meant to be better. Unfortunately, I kinda need to output to png because of its support for variable opacity, but the larger file size is a bit of an issue. So, is there any way in which I can control file size

Setting opacity of dynamically generated element in IE7

混江龙づ霸主 提交于 2019-12-13 01:19:35
问题 I'm creating a div in js and setting it's opacity. This works no problem in IE8: var div = document.createElement("div"); div.setAttribute("style", "opacity: 0; visibility: hidden; filter: alpha(opacity=0)"); This element fades in/out, which also works great in IE8: if (_SU3.browser == "IE") { var op = element.filters.alpha.opacity; var newOpacity = op - (opacityStep * 100); if (newOpacity <= 0) { element.filters.alpha.opacity = 0; element.style.visibility = "hidden"; } else { element.filters

dojo opacity in ie9

泪湿孤枕 提交于 2019-12-12 18:12:54
问题 I have seen this bug report for dojo which was fixed in 1.5.2, however even with dojo 1.6 I still cannot get get opacity to work with dojo.style Example: http://jsfiddle.net/EXzhA/9/ What's the problem here? 回答1: While not a great fix, you can try setting opacity to 1.1 or some non 1 value. As to what is going on, a very preliminary look at it seems to indicate some strange floating point stuff going on. Regardless, the DXImage filter doesn't seem to want to accept 100 for opacity, or is

Jquery opacity change

三世轮回 提交于 2019-12-12 14:23:43
问题 I have this code: $('a[rel="imagesHandler"]').hover( function(){ //ia latimea var liWidth = $(this).width(); $(this).append('<div id="editBar"><a id="delPic" href="#"><img id ="piDe"src="./images/pic_del_icon.png" alt="" /></a></div>'); $('div#editBar') .css({ 'width':liWidth - 3, 'height':'19px', 'padding-left':'3px', 'padding-top':'1px', 'float':'left', 'position':'relative', 'top':'-22px', 'z-index':200, 'background-color':'black', 'opacity':'0.5' }) .hide() .fadeIn('slow'); $('a#delPic')

Java: Transparent Windows with non-transparent components?

僤鯓⒐⒋嵵緔 提交于 2019-12-12 12:15:46
问题 I just met the utilities ( com.sun.awt.AWTUtilities ) to make your JFrame really transparent. Documentation here. This works very good. Even in Linux with the desktop effects with wobbly windows turned on. But I want to make also a non-transparent component on the transparent JFrame. Does anyone know, if this is possible, how? Here is the code I used: import com.sun.awt.AWTUtilities; /* "this" is the JFrame */ this.setUndecorated(true); AWTUtilities.setWindowOpaque(this, true); AWTUtilities

background image's fadeInOut transitions produces weird effect in white all the texts

泄露秘密 提交于 2019-12-12 10:43:39
问题 Well this problem is kind of weird, I have a website where the background image changes with a fadeIn/Out transition Video: http://www.screenr.com/ZCvs Web in action: http://toniweb.us/gm The markup: <div class="fondo" onclick="descargar(2,500);descargar(1,500);"></div> <div id="headerimgs"> <div id="headerimg1" class="headerimg"></div> <div id="headerimg2" class="headerimg"></div> </div> <!-- Inicio Cabecera --> CSS: .headerimg { background-position: center top; background-repeat: no-repeat;

mix-blend-mode issues in Chrome

女生的网名这么多〃 提交于 2019-12-12 08:42:24
问题 I've been trying to use the mix-blend-mode on a page that has contains instances of css opacity transitions. What appears to be happening is that the div containing the mix-blend-mode displays as it would without the blend mode during the transition, or rather, while the animation is in progress. I've only found it to be an issue in Chrome. In my example, while the div is transforming the blend-mode displays correctly over the image but not over the page background. Once the transition is

Multiple CSS filters in IE

大憨熊 提交于 2019-12-12 07:51:28
问题 I'm just wondering that it is possible to apply two different filters in IE using CSS. So, I need to use a transparent PNG and also some opacity to a div . Is it possible to use both of them? My transparent-maker line looks like this: li.item .item-texture { background: none transparent scroll repeat 0% 0% !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ie/articles/item-content-hov.png', sizingMethod='scale') !important; } I've tried to add one more line (

Transparency for JTextField not working

蓝咒 提交于 2019-12-12 05:21:41
问题 I'm working on a log in server & my JTextFields aren't transparent when I set Opaque to false . My code: //username JTextField jUsername = new JTextField(10); jUsername.setBounds(520, 284, 190, 25); jUsername.setOpaque(false); jUsername.setBorder(null); getContentPane().add(jUsername); //password JTextField jPassword = new JTextField(15); jPassword.setBounds(520, 374, 190, 25); jPassword.setOpaque(false); jPassword.setBorder(null); //jPassword.setBackground(new Color(Color.TRANSLUCENT));

Not inherrit topmost form opacity

不羁岁月 提交于 2019-12-12 05:13:15
问题 If I set the opacity of the topmost form all the sub-controls are just as transparent as the form. The same goes for when using the transparencyKey, all the sub-controls have the same transparent color. What I wish to accomplish it to have controls on the form and selectively choose which should inherit this property. Is it possible to do this even if it would require adding subforms to the form? Any help/suggestions would be appreciated, since I couldn't find any solution that worked for me.