This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > September 2005 > layer transparent Please HELP!!
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
layer transparent Please HELP!!
|
|
| expertware@libero.it 2005-09-27, 7:11 pm |
| Dear friends,
My name is Pamela, I know little about CSS,
but I would like to ask a question
I have an image on a web page within a css layer:
<DIV ID=MyLayer
STYLE = "position: absolute;top:68px; left:563px;
width:640px;height:480px;">
<IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
</DIV>
I need that the parts of this layer which have a certain color
(for instance "white") be rendered transparent, that is
what is under the image must be visible.
How can I do it (I am assuming my image is not transparent
or its transparency not supported by browser, like png in ie6)
If it is not possible with CSS does anybody know an other
way to solve it (scrips ...?)
Thank you very much
-Pamela
..NET Developer
| |
| Spartanicus 2005-09-27, 7:12 pm |
| expertware@libero.it wrote:
>I have an image on a web page within a css layer:
There is no such thing as a CSS "layer", it's Macromedia marketing
speak, lose it.
><DIV ID=MyLayer
> STYLE = "position: absolute;top:68px; left:563px;
I'm willing to bet that you are using absolute positioning
inappropriately. It's often used to position most if not all elements,
this is a big mistake that results in a very bad web site. Note also
that inline styles are rarely a good idea, styles should be moved to an
external stylesheet.
> width:640px;height:480px;">
><IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
></DIV>
You should also learn how to write proper HTML, the above is invalid
markup, a validator may help in showing the syntax errors.
>I need that the parts of this layer which have a certain color
>(for instance "white") be rendered transparent, that is
>what is under the image must be visible.
>
>How can I do it (I am assuming my image is not transparent
>or its transparency not supported by browser, like png in ie6)
The div's size is equal to the image, I assume that your reference to
transparency therefore applies to the image. Image transparency cannot
be manipulated via CSS, use an image editor.
--
Spartanicus
| |
|
| Hi Pamela,
IE does not render transparency with png images. Use gif instead.
Bill
| |
| kchayka 2005-09-27, 7:12 pm |
| Bill wrote:
>
> IE does not render transparency with png images.
Not true. IE does not support *alpha* transparency. It supports indexed
(8-bit) transparency just fine. If your graphics editor can only do
alpha transparency, it is deficient.
> Use gif instead.
There is no benefit in using transparent gif over indexed transparent png.
--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
| |
| Spartanicus 2005-09-27, 7:12 pm |
| kchayka <usenet@c-net.us> wrote:
>
>Not true. IE does not support *alpha* transparency.
Not directly, indirectly it does.
--
Spartanicus
| |
|
| expertware at libero.it wrote:
> Dear friends,
>
> My name is Pamela, I know little about CSS,
> but I would like to ask a question
> I have an image on a web page within a css layer:
>
> <DIV ID=MyLayer
> STYLE = "position: absolute;top:68px; left:563px;
> width:640px;height:480px;">
> <IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
> </DIV>
>
> I need that the parts of this layer which have a certain color
> (for instance "white") be rendered transparent, that is
> what is under the image must be visible.
[...]
lookup "opacity"
http://www.google.com/search?q=css+opacity
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|