Floated .png no longer transparent background

This is really bizarre. I have a .png image file that happens to have a transparent background. It looks fine when I import it into Dreamweaver. But as soon as I apply my float right class to it, the background is no longer transparent . The background turns to a light gray color. Anyone know what might be causing this?

Odd... Do you have any other rules for floats in your CSS?
Without seeing the code I can only guess.
And... by "importing" do you mean that you saved the PNG and copied it to your images folder? Or did you use photo edtiting software to import it with HTML?

Similar Messages

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.

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 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!

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)

Png with transparent background not rendering on the mac

I created a png with a transparent background for a header. It renders fine on the ipad and iphone but not on the mac. Is there a reason why? The header is on http://surfingthebluemarble.com/news.html
Thanks in advance for your help!
Regards,
umbre gachoong

If the header in question is the News on the Blue Marble header it seems to be rendering fine on the page and fine if I download the image to my system.
The background is transparent.

Save jpg or tiff with transparent background

How do you save a jpg image of something (ART) created with a transparent background so that it can be printed on fabric?

AppleWorks doesn't handle transparency well, even using formats such as .gif or .png saved with transparent backgrounds in another application. However, a few years ago I accidentally discovered that if an object is flipped or rotated in AppleWorks, the background will become transparent. The object doesn't even have to be .gif or .png & have transparency.
Once I discovered this, I used GraphicConverter to flip an image horizontally & save it as a PICT. Then I insert the object in my AppleWorks document & flip it back. I use PICT because it is the only graphic format that will retain the native resolution. All other graphic formats are changed to 72 dpi by AppleWorks.
Unfortunately, the last few times I tried this, it no longer worked. For myself, I use Pages for this kind of work now. I handles transparency very well.

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.

Transparent Backgrounds for Graphics

Someplace in here a couple months ago one of you brilliant folks mentioned manipulation of images in AppleWorks so as to obtain a transparent (rather than a white) background. I remember testing it in ClarisWorks, and it worked there also, but like a dope I forgot to document the steps.
Anyone help with that?
Thanks 0db
OS10.4.9 / Dual 2ghz G5, 4.5g SDRAM / 1.5ghz G4, 2g SDRAM / SE30, 256k RAM Mac OS X (10.4.9)

Fortunately. when I write a fairly lengthy response, I try to save it for inspiration in case the need should come up again. Here is mine for this transparency issue in AppleWorks. Note, though, that I've had some problems getting this to consistently work lately & I don't know why. For the last couple of years I've been doing most of my work that requires this kind of stuff in Pages.
AppleWorks doesn't handle transparency well, even using formats such as .gif or .png saved with transparent backgrounds in another application. However, a few years ago I accidentally discovered that if an object is flipped or rotated in AppleWorks, the background will become transparent. The object doesn't even have to be .gif or .png & have transparency.
Once I discovered this, I used GraphicConverter to flip an image horizontally & save it as a PICT. Then I insert the object in my AppleWorks document & flip it back. I use PICT because it is the only graphic format that will retain the native resolution. All other graphic formats are changed to 72 dpi by AppleWorks.

Can I make IE 6 to display a transparent background?

I have a sidebar that has a hand painted background. On this
background I have buttons with writing. These buttons are .png with
a transparent background. In every browser that I tested the
background of the button remains transparent and blends nicely with
the hand painted background. However, in IE6 the background does
not remain transparent and there is an ugly edge around the button
instead of the transparency. Is there any way to modify this with a
CSS rule? IE6 can be such a pain.
Lou

See recent post CSS Opacity
From Blue_Vision
Dave
"louhosta" <[email protected]> wrote in
message
news:gobrgm$ckk$[email protected]..
> I have a sidebar that has a hand painted background. On
this background I
have
> buttons with writing. These buttons are .png with a
transparent
background. In
> every browser that I tested the background of the button
remains
transparent
> and blends nicely with the hand painted background.
However, in IE6 the
> background does not remain transparent and there is an
ugly edge around
the
> button instead of the transparency. Is there any way to
modify this with a
CSS
> rule? IE6 can be such a pain.
> Lou
>

Transparent background not staying transparent in dreamweaver

Hello all-
I am having an issue with importing a file with a transparent background into dreamweaver. I created the image with a transparent background, saved for web as a PNG, keeping the transparent background. When I pull the file into dreamweaver, the background of the image turns to yellow. Any ideas what I may or may not be doing?
I created the image in illustrator and pulled to photoshop to manipulate. I'm saving the image for web/devices from photoshop.
Thanks.
Brianne

You should repost in the Dreamweaver forum, this has nothing to do with color management.

Export Movie with Transparent Background

I created a lower third from a PNG with a transparent background. I brought that into FCPX and animated it. Now I want to export it and create a movie with a transparent background so I can use the animated lower third in other projects. I can't seem to find a way to make the movie's background transparent. How do I do that?
Thanks, Happy New Year!

Thank you very much!

Combining 100 pngs with transparent background, vertically into one image PSE9

As the question suggests,
In PSE9 is it possible to combine 100+ PNG files (with identical dimensions & transparent background) into a single PNG file where the images are stacked vertically? and without trimming/cropping the transparent part of the image! I want to retain the exact original image dimensions so that they all stack neatly and precisely.
So far what I've tried is opening up the 100 PNG files in PSE9, create a new document with transparent background using the same width as the individual files and the height set to the individual file height multiplied by 100. (i.e. original image is 36 x 120 so the new file will be 36 x 12000) Then I get stuck! Whenever I drag a single file into the newly created document, it seems to be cropped to the image edges and no longer retains it's original height and width. Not to mention that hand dragging 100 files seems like a long-winded way of doing things... My automate button seems to be greyed out (so no contact sheet?) and I can't find any other automated process.
Any help would be greatly appreciated,
Thanks
N.
PSE 9 on Win 7

Please compare the resoultion of the two documents too. And a better way of arranging the layers would be to use distribute option in the move tool. You can find more about the move tool at http://helpx.adobe.com/photoshop-elements/using/moving-copying-selections.html#main-pars_h eading_0
Thus your workflow would be:
Create a new document with the required dimension.
Use File>Place to place all your png files on the created document as layers
Use distribute option in move tool
A still better workflow would be to use put all the files in a folder and write an ExtendScript to read the files and place them as layers on the document of said dimension

Permanently removing part of an image from a transparent background png file

Hello, I think I know the answer to this question, but I wanted to double check. I am new to Photoshop and do not know all the functions. I have a png transparent background file of a tree with a lot of branches. I want to erase some of the branches so they are just permanently gone. I would like to use this image on different backgrounds so I am looking to just erase the branches all together. Is this possible? If not in Photoshop, perhaps another adobe program? Thank you!

If you want to permanently delete the branches then you can just erase them using the eraser tool. I would always suggest keeping the original file just in case something goes wrong and you want to start again. So just open the .png, save a new version and start erasing the branches you want.
Simple video:

Images in themes no longer have transparent background after upgrade?

I've just upgraded to iLife 09 and also Snow Leopard. Unfortunately when I open iDVD the 7.0 themes won't load properly. There is no dropzone in the Revolution theme and the Sunflower theme moving images no longer have transparent background so have black backgrounds. Even the Apple icon has a black background, it's as though the gifs have gone to jpegs and no longer transparent??
Older themes seem to work better but the Apple icon always has a black background?
I've deleted the preferences for iDVD but it hasn't helped & loaded all the updates that the system is telling me to. Any ideas?

Hi thanks for reply & the useful app. I've deleted and reinstalled just iDVD v7 but I still have the same problem. Indeed reading around it looks like older macs cannot handle the new version but my iMac is relatively new so assume many more folks would have the same issue but I can't find anyone else with the same issue as me? Also these exact same themes ran fine before my upgrades (OS & iLife) All other apps run fine.
I did burn a disk & the quality was terrible on a DVD player, fine on a PC/Mac. I thought I hadn't selected PAL but all the settings seemed ok but its B&W and scratchy from the DVD player.
See hardware details below.
Hardware Overview:
Model Name: iMac
Model Identifier: iMac7,1
Processor Name: Intel Core 2 Duo
Processor Speed: 2.8 GHz
Number Of Processors: 1
Total Number Of Cores: 2
L2 Cache: 4 MB
Memory: 4 GB
Bus Speed: 800 MHz
Boot ROM Version: IM71.007A.B03
SMC Version (system): 1.21f4
Serial Number (system): W87510NEX8A
Hardware UUID: 00000000-0000-1000-8000-001EC2061655
ATI Radeon HD 2600 Pro:
Chipset Model: ATI,RadeonHD2600
Type: GPU
Bus: PCIe
PCIe Lane Width: x16
VRAM (Total): 256 MB
Vendor: ATI (0x1002)
Device ID: 0x9583
Revision ID: 0x0000
ROM Revision: 113-B2250F-219
EFI Driver Version: 01.00.219
Displays:
iMac:
Resolution: 1920 x 1200
Pixel Depth: 32-Bit Color (ARGB8888)
Main Display: Yes
Mirror: Off
Online: Yes
Built-In: Yes
Display Connector:
Status: No Display Connected

Floated .png no longer transparent background

Similar Messages

Maybe you are looking for