By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,953 Members | 1,547 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,953 IT Pros & Developers. It's quick & easy.

opacity not being inherited

P: n/a
I am attempted to make a semi-transparent div in IE/Firefox but IE is
only making the first image in the div opaque

for example if I have a div like:

<div class='trans'><img src="foo.jpg"><img
src="bar.jpg"><span>text</span></div>

only foo.jpg become opaque. any ideas why? It works as expected in
firefox

the css being applied is:

..trans{
width: 100%; opacity:.50;filter: alpha(opacity=50);
}

May 3 '06 #1
Share this Question
Share on Google+
1 Reply


P: n/a
To further the education of mankind, "dave" <da********@gmail.com>
vouchsafed:
I am attempted to make a semi-transparent div in IE/Firefox but IE is
only making the first image in the div opaque

for example if I have a div like:

<div class='trans'><img src="foo.jpg"><img
src="bar.jpg"><span>text</span></div>

only foo.jpg become opaque. any ideas why? It works as expected in
firefox

the css being applied is:

.trans{
width: 100%; opacity:.50;filter: alpha(opacity=50);
}


It's probably the MS filter. Try putting an opacity-specific class on the
images.

--
Neredbojias
Infinity has its limits.
May 3 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.