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

Problems with Popup window and shadow.

P: 2
Long time reader, first time poster.....

hello all,
Thank you for looking at my post.
I have created a popup that simulates a window. I have 3 div tags that I create, first div is a title, the second div appends the first div and a textnode, and then the third div appends the second div with an offset. This results in a popup window.

I have added a fade in to the functions which work great in Firefox. I run into a problem when I add support for IE - the node.style.filter = 'alpha(opacity=X)'.

If I add the filter to the second div I can fade in the window but the shadow is allways visible (not too noticable but still an eye sore).

If I add the filter to the third window, like it should be, the fade in works on the entire group of div elements, but the first and second nodes are clipped to the size of the third node.

My main question is why adding the filter to the DIV will cause the DIV to clip any element added outside of the DIV border.

This code not matter how I write it works perfect in Firefox, only IE is giving me an issue.

I have implemented code to use transform for IE so there is no real problem, I just want to get an idea on why the clipping is happening once the filter alpha= is added.

Thanks
Jun 12 '07 #1
Share this Question
Share on Google+
3 Replies


acoder
Expert Mod 15k+
P: 16,027
Welcome to TSDN!

IE has problems with filters if the element does not have layout. See link.
Jun 13 '07 #2

P: 2
Welcome to TSDN!

IE has problems with filters if the element does not have layout. See link.
I read the link, and now I am more confused. The page indicated that this is a Read Only property, which indicates it cannot change.

What would be the best method to create a shadow affect with the style's opacity set?

Do I just need to append the two DIV elements separately, which I am now trying and getting no where fast.
Jun 27 '07 #3

acoder
Expert Mod 15k+
P: 16,027
The property itself is read-only, but if you read further on, it does say that setting a CSS property to a certain value can cause the element to have layout.
Jun 28 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.