Png files with transparent background show black only in firefox for android

I have a wix created site and png files with transparent backgrounds are showing with a black blackground in Firefox for Android. They show transparent in all other browsers I have tried.
I have tried saving the file as a gif, as a smaller png, interlaced, not interlaced, png 8, png24. It still shows black in Firefox for Android.

Hi evelswoman,
Thank you for your question. This sounds like a good one for the web compatibility team. Currently there are some compatibility documentation for background-image here: [https://developer.mozilla.org/en-US/docs/Web/CSS/background-image] and more details on background: [https://developer.mozilla.org/en-US/docs/Web/CSS/background]
Filling a bug with webcompat.com with an example url can go a long way as well, I hope this helps.

Similar Messages

  • Using PNG files with transparent background - Please Help

    I just purchased Elements to do a very specific task which I can’t do in Aperture. I am a former photoshopper (V.5) and excited to be back.
    I am doing a book/scrapbook and the majority of my text will be my own handwriting. I use white paper and black ink and I scan in at the highest settings. My goal is to create my handwriting on a transparent background so I can place it in my book as I choose. For this specific project (which is very large in scope) I wanted to keep my image/file management within Aperture.
    So I import my file (of my handwriting) from Aperture and successfully saved with a transparent background. Adobe said I had to save it as a PNG file. I noticed when I saved in Photoshop there was a warning saying I had to save as a copy.
    Aperture does not see the file when I try to import it back. My interchange between aperture and photoshop is fine otherwise. This problem only seems to be with “unflattened” layered images. When I flatten the image it is recognized by Aperture, but I lose the transparent background in Photoshop.
    If anyone sees flaws here or has a suggestion to “isolate” and save my personal handwriting image files I would greatly appreciate it. Thanks!

    Would probably work best if you first export from Aperture as PSD (if possible, like Lightroom) and then save to preserve layers.
    From the PSD save as PNG24 rather than PNG8 which is better for preserving transparency.

  • How can I export a file with transparent background?

    Hi all,
    I know InDesign doesn't allow to export a PNG file, but I need my file to be in image file format with transparent background.
    I'm still learning so I am stuck here. How can I export a file with transparent background?

    If you can't get the PNG file export to work, you can export a pdf and open it in Photoshop, from there you can save it as whatever you like.

  • I place a psd file with transparent background on another layer in my InDesign document. The layer b

    I placed a psd file with transparent background on another layer in my InDesign document. The layer below has a color (RGB). When the psd file is placed it changes the color on the layer below. I've tried other psd files thinking something is wrong with my file, but get the same result. I have tried for days to figure this out. Can anyone help me?

    Wow, thank you! That was fast. I googled that question to death and even bought (another) book on CS5 and never saw that answer. Thank you so much. You made a very good ending to my day! I'd buy you a beer if I could!!

  • Placing a PNG file with transparency

    If I have a psd / Png file on Photoshop that has text with no background (transparent), and I do a Place of that file into Illustrator, I get a white background in additiotion to the Text.
    How do I stop the white background from placing withing the Illustrator? I have Illustrator CS3 and Photoshop CS3
    Thanks in advance.
    Bob

    Half a decade later, I am getting the same problem as the original poster   (although I am using Illustrator CC 64bit on Windows 8).
    I am trying to 'place' a PNG graphic in Illustrator, The PNG has a transparent background, which is being honoured fine in other programs (e.g. web browsers - even in its icon in Windows Explorer).
    However when I place it in Illustrator, the transparency doesn't work: instead the background is displayed as an opaque colour. It stays that way if I output to a PDF from Illustrator.
    The PNG in question is a 'paletted' type (I think it has a palette of 256 colours) - one of which is set to be transparent.
    Does Adobe Illustrator not support transparency in paletted PNG files?
    (I'm aware that you can generate a 24-bit PNG with the transparency done as an 'alpha channel'), but this is wasteful for many simple types of graphic, creating a much bigger PNG file size.

  • Image with transparent background shows up with a white background in ID

    Amateur needs help.
    I have a copy of a logo with a transparent background.  I made the (white) background transparent in PS by creating a layer from background and then selecting the white color in the background and deleting it.  This has always worked in the past.  But when I place this image into ID, it shows up with a white background.  I have tried saving as a PSD, TIF, JPG, etc.  I cannot get it to work. 
    I normally research these things until I find an answer, but I am on a tight deadline.  Thanks!

    I totally forgot to put that in my post.  Yes, I am putting logos with transparent backgrounds in front of colored rectangles.  That's how I noticed that this one logo is showing up with a white background.  The weird thing is that the other two logos are fine.  I did find a different version of this logo and this one works fine.  The one that works fine is a JPG and the one that shows up with a white background is a JPG.

  • Is there a possibility to download files directly to the external usb drive in Firefox for Android?

    I have the Android device that support external usb hard drive, when I want to download some files via Firefox there are only two possible "places" where I can put the files - external memory or SD card. It will be nice if there would be an option to save file on ext. usb drive.

    Hi Nix_N1:
    Yeah I don't know about this and I don't have an Android device that supports USB storage.
    What Android device are you using and what operating system (Jellybean? Ice Cream sandwich ?)
    I asked the Mozilla QA folks and they said Firefox for Android uses the Android platform download directory so the USB drive *should* show up if it registers properly with Android.
    They suggested the following:
    # removing the SD card and seeing if it shows up in place of the SD card.
    # perhaps changing the following preference (type "about:config" in the url bar without the quotation marks)
    ''' browser.download.dir'''
    will fix it ('''WARNING:untested and unsupported but hopefully this might help''')
    Regardless I suggest filing a bug at (I looked but couldn't find a bug that corresponds to this):
    https://bugzilla.mozilla.org/enter_bug.cgi

  • Trying to import files with transparent backgrounds into Premier Elements 10

    I am struggling to import files from Photoshop CS3 into Premier Elements 10 and preserve their transparent background. I have tried .png (8 and 24 bit), .gif and .psd files. I have tried rasterizing the type layer before "Saving for web and devices" but can't get anything to work. The imported files end up as either text on a white background (.gif) or the file imports as a black background with no type visible (.png and .psd). I have read a few forums but can't find any suggestions beyond what I have already tried. I also get the same problem if I "Save for web and devices" out of Illustrator.
    Any suggestions much appreciated.
    Mick

    kaare
    You have brought up one very interesting maintaining transparency question which I feel goes more to the trigger on the
    Premiere Elements Videomerge pop up than to the Photoshop CS2 Save As with or without a check mark for Maximum Compatibility
    And, I find that Photoshop CS5.1 as well as CS2 involvement in this matter is the same.
    I created three 720 x 480 pixels documents, each with a blue colored circle on a transparent background in
    Photoshop CS2 and saved each
    psd with check mark next to Maximize Compatibility
    psd with no check mark next to Maximize Compatibility
    png
    Each of them was imported into a NTSC DV Standard Premiere Elements 11 Windows 7 64 bit project.
    Each triggered the Premiere Elements 11 Videomerge pop up.
    If I checked No for the program request to apply Videomerge, then all 3 results were the same, that is,
    the area around the circle was transparent and the circle was not...just the way it was created in Photoshop CS2.
    So, why was the Videomerge message telling me "Clip being dropped contains solid background color" when
    it had transparency represented by black and did not have a solid background color?
    Even more interesting was what happened if I selected Yes to the program's request to
    apply Videomerge to create transparency for what it claimed to be seeing as "solid background color".
    The result was the same for all three cases, that is, the inside content of the circle became transparent
    and the "black background" became a "solid color".
    Videomerge is not one of my preferred Premiere Elements options.
    To avoid the Videomerge pop up, I would suggest placing a check mark next to the "Do not show again.",
    followed by No in the Videomerge pop up. When you do, you should not be confused by the activities of the
    Videomerge pop up activities and you should have no problems with the maintenance of the Photoshop
    created transparency in the Premiere Elements project.
    ATR

  • Saving PNG file with transparency

    Hello!
    In my application I generate "BufferedImage"s with transparent pixels. When I try to write them using ImageIO.write() in PNG format, the transparency information is lost.
    Can anybody send me working code for this problem?
    Thanks,
    Norbi

    What are you using to view the PNG? Are you sure it is a viewer that supports PNG transparency? Internet Explorer and the previewer built into Windows do not fully support PNG transparency so maybe that's the problem. See http://entropymine.com/jason/testbed/pngtrans/ for more info. I know for a fact the following code will generate a transparent PNG. Photoshop will read the transparency correctly but IE won't.
        public static final void main(String[] args) {
            // Create a new image with an alpha channel
            BufferedImage image = new BufferedImage(100,100,BufferedImage.TYPE_INT_ARGB);
            // Get a Graphics2D object that interfaces to the Image
            Graphics2D g2 = image.createGraphics();
            // Draw a red circle on the image
            g2.setColor(Color.RED);
            g2.fillOval(0,0,100,100);
            try {
                // Write the image to a PNG file,
                //  the red circle will have a transparent background
                ImageIO.write(image, "png", new File(args[0]));
            } catch (IOException e) {
                e.printStackTrace();
        }Anyone know how to do the equivalent with Jimi? This:Jimi.putImage("image/png", image, args[0]); only writes the PNG with a black opaque background.

  • GIF file with transparent background (white spots)

    Hii. I've been having a problem. I was trying to make a signature earlier with gif on photoshop cs5. I tried making it with a transparent background and when I put it up on the forum, it gave me white spots. It's not noticeable with a white background as the spots are white, but with another color background, it would show. Can someone tell me why?
    -- this is the image i made with a transparent background. and because it didn't work out, I decided to not use a transparent background and used a color of the background of the forum which was off gray. I know i have erased all of the white spots in the transparent file becuase it seems perfectly fine in the one with a gray background.
    Can someone fill me in on as to what i am doing wrong?

    Gif only supports 1 bit transparency: either on or off. The edges of your artwork are anti-aliased, and these cannot be converted neatly without setting the matte colour in the save for web dialog.
    With Gif you have two option: either live with the coloured fringe surrounding your artwork (and it will only display correct when the background color matches the matte colour, or remove every single anti-aliased pixel, effectively creating a perfect sharp pixel edge.
    Neither options are great: with the first option you always run the risk of ugly artifacts around the edges when the background color does not match, and with a perfect pixel edge it may look somewhat jaggy.
    Solution: avoid Gif, and instead save as a fully transparent PNG. File size-wise not the greatest option, because Photoshop cannot optimize a PNG file properly. To do that, load up Color Quantizer, and open the PNG file. Then set the number of colours to about 256~512 (should be more than enough in your case), and save.
    Done!
    Get Color Quantizer here: http://x128.ho.ua/color-quantizer.html
    If certain areas in your artwork look less than ideal, make use of quality mask/brush in CQ.

  • How do I save stock footage as flash file with transparent background?

    Hi
    I have some stock footage of smoke on a black background (.mov format) that I would like to convert to a flash file with a transparent background, which I will be overlaying over a PNG image on a webpage.
    I have managed to remove the black background in After Effects using a plugin called UnMult, but when I try to render as a FLV file in AE, even though I check the option to preserve the alpha channel and encode using the On2 VP6 codec, I still get a black background.
    So I am wondering what else to try, whether it be with AE or Flash CS4.  Is there a way of achieving this effect by directly importing the MOV file into Flash CS4 and removing the black background there, or do I have to use AE, and if so, how to achieve the effect I am looking for?
    I would be grateful for any help in getting this together
    Thanks
    Nick

    You can put the video file in a movie clip and change it's
    blending in the properties panel to multiply or screen.
    Emil Georgiev - Flash and Web Design

  • How do I get picture control to display PNG images with transparent background?

    I have an image of a robot arm looking from the top with a transparent background and saved as PNG. When I drag the image directly to LabVIEW front panel, the image shows properly with the transparent background, but I want to manipulate it such as rotate the image. I used the Read from PNG.vi to read the image to a picture control, but the background isn't transparent anymore. Am I missing something?
    Please help.

    unclebump gets 5 stars for referring you to a document that I wrote. 
    Incidentally, I wrote it years back, for LabVIEW 7.0.  A couple of notes to summarize:
    The picture control doesn't "really" support transparency.  However, the image data type supports masking, and stores the alpha channel, if present in your image data.  So you use the "Create Mask By Alpha.vi" referenced in that document to mask out pixels whose transparency is above a certain level.  It does not support partial transparency.  You could try to implement your own blending algorithm based on the picture control's current pixel values, and the image data's RGB value and transparency value, but it would probably be very slow.
    Also, that VI ships with 8.0 and later.  I don't know if it's on the palettes but it lives here:  vi.lib\picture\picture.llb\Create Mask By Alpha.vi
    Good luck!

  • Png Files with transparency

    I'm wanting to use iPhoto to organize my scrapbooking graphics. Problem is that the majority are png with transparency. When I imported them, all of the transparent portions of the images appeared in black, so many of them just look like black squares, because it's a black image on transparent background.
    Is there any way to get the png to look normal or is this a flaw in iPhoto. Does iPhoto 6 fix this problem?
    Thanks.
    Rayne

    After doing a little more investigating, I realized that iPhoto is generating the thumbnails in jpg, therefore creating a non-transparent thumbnail. When the image is viewed full size, it appears fine. So it's just the thumbnail that is causing the problem.
    Is there a way to get it to generate thumbnails so that the transparent portions get filled with white instead of black? I use a white background in iPhoto so this would make them appear transparent. Or at least I'd be able to see the transparent portions better regardless of which background I use.
    Thanks.

  • Problem with reduction Of an PNG Image with transparent background

    I have an PNG Image on my computer with a transparent background that I would like to reduce 50% and save it back to my computer can you tell me how to achive this?

    Are you looking to reduce the size (pixel dimensions) by 50% or reduce the file size by 50%?
    If you want to reduce the actual image size (pixel dimensions) you could go to Image>Image Size
    and check resample image with constrain proportions and then enter 50 in the pixel dimensions at the top after setting
    the drop-down to percent.
    Or use file Save for Web and enter 50 under the percent under image size.
    As far as saving you could use File>Save As in photoshop and choose png or File>Save for Web>png
    (save for web usually results in smaller file sizes)

  • Create .png file with transparency?

    I'd like to create an image on the server side, and save it as a .png file, and set the transparency. Is there some sample code or an article that would tell me how to get started? Thanks.

    com.sun.media.jai.codec.PNGEncodeParam.Palette
    * void setPaletteTransparency(byte[] alpha)
    sets the alpha values associated with each palette entry. The alpha parameter should have as many entries as there are RGB triples in the palette.
    * byte[] getPaletteTransparency()
    returns the alpha values associated with each palette entry.
         API: com.sun.media.jai.codec.PNGEncodeParam.Gray
    * void setTransparentGray(int transparentGray)
    sets the gray value to be used to denote transparency. Setting this attribute will cause the alpha channel of the input image to be ignored.
    * int getTransparentGray()
    returns the gray value to be used to denote transparency.
         API: com.sun.media.jai.codec.PNGEncodeParam.RGB
    * void setTransparentRGB(int[] transparentRGB)
    sets the RGB value to be used to denote transparency. Setting this attribute will cause the alpha channel of the input image to be ignored.
    * int[] getTransparentRGB()
    returns the RGB value to be used to denote transparency.

Maybe you are looking for