Everything I try, including z-index (using position:absolute; also), is not working. I want a .png image to go over top of a video, with the video behind also visible through transparent parts of .png file.
There you go: http://jsfiddle.net/MZm4b/
Related
I have svg image with transparent background (from inkscape, I have checked its transparency, I am 100% sure its transparent). When I add it to the website using , it automatically adds a white background, so it is no longer transparent. Does anyone know why?
Try opening the SVG file in Figma, if a white background appears remove it from the rest of the parts and save this edited one. Works all the time!
I have some cinema4D animations with a transparent background that I want to put on a website. I exported the animation as single .pngs (with an alpha channel) and put them in adobe premiere and exported them as .webm
I work with brackets, but when I include them in the code, they either don't show up at all, or with a black background.
What am I doing wrong?
Why you don't try transparent GIF
You can make it in photoshop (from png sequences) and use it in your website.
Make sure to export with transparent background!
I have removed the background of an image I am using in photoshop. Even when i export the image in flash theres no white background but everytime I add a motion tween to the image, the white background comes back so when I put it on my website you can see the white background.
Is there anyway to stop it from doing this
Firstly, ensure the image does not include a background. Saving as a PNG often helps importing into Flash.
Then ensure the following publishing settings:
Choose File > Publish Settings. Make sure that HTML is selected.
Select HTML.
Choose Transparent Windowless from the Window Mode menu to make the SWF file's background disappear in browsers that support this feature.
Publish the document.
https://helpx.adobe.com/animate/kb/transparent-background-swf-file.html
I have a GIF picture with transparency. When I place the picture in a regular HTML the transparency shows fine. But when I load the same picture as a logo in a PHP software, the picture doesn't show the transparency but a white background.
The only strange thing I find in the page on which I load the picture which doesn't show the transparency, it has a gradient color background in CSS. I don't know if it's related to the problem or not.
What reason could there be that the GIF shows the transparency in some pages and in other pages it doesn't? Whatever the reason is, what can I do to make it work where I need it?
what can I do to make it work where I need it?
I would use a .png instead a .gif as logo you will probably load it through css
(background: url(path/.png) no-repeat; , I know it does not answer the why but solves the issue for sure.
If a .png is too big in your opinion use the online great tool it uses even advanced lossy compression for PNG images and preserves full alpha transparency
I want to put an embedded youtube video over the top of an image so it looks like there is a frame around the Youtube video. They are perfectly aligned horizontally, but I can't seem to align the video & image vertically. Somehow I need to add padding to the top of the Youtube video so it is lowered into the frame.
I'm using Wordpress and the measurements for the frame fit the video perfectly. I just need to lower the video into the frame.
Any ideas how to lower the Youtube video to make it align correctly inside the Frame?
Thank you!
You can use CSS to apply a margin or padding to the Youtube video HTML element (probably an iframe tag if you are embedding it)
So, your CSS may look something like this, depending on your HTML structure:
iframe { margin-top: 10px; }
You'll need to play around with the value of margin-top to make it align the way you like.
If you post the relevant HTML, I could give you specific CSS to use.