473,800 Members | 2,383 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

IE <DIV> layer and z-index question

I got a little problem, maybe You could help me out.

I have one layer that is used to darken all content on page (opacity
50%) to make other layer more visible.

If i show two separate Layers - darkenLayer with z-index:1, and a
other layer with z-index:2 - everything is ok. But i would like to do
something like this:

<DIV id="darken"></DIV>

<DIV id="someDIV">

<TABLE><TR><T D>
<DIV id="someChildDI V"blablalbal

<DIV id="doNotDarken ThisDiv" IMPORTANT DIV</DIV>

</DIV>

</TD></TR></TABLE>
</DIV>
My question is - how to make a DIV - doNotDarkenThis Div to be over the
darken DIV. I tried set higher z-index for doNotDarkenThis Div however
this do not solved problem. I read a few pages, looking alot on google
and still haven't got any clues. In my case 'darken' DIV have to be
position:absolu te, and 'someDIV' too...... Help!
Feb 11 '08
13 5763
SAM
wilq a écrit :
Ok i found a first workaround:

Setting z-index of parent element higher than a darkening element,
then gives all content lower z-index makes it show properly. Here is
code:
Yes that works too.

It's difficult for me to judge since my Fx worked fine with a lot of
options about these z-index and because I have not IE ...

The given code is very tortuous just to get an element correctly Z indexed.
Did you find it in M$ recommendations (FAQ or knowledge base) ?

--
sm
Feb 14 '08 #11
On Feb 14, 2:36*am, SAM <stephanemoriau x.NoAd...@wanad oo.fr.invalid>
wrote:
wilq a écrit :
Ok i found a first workaround:
Setting z-index of parent element higher than a darkening element,
then gives all content lower z-index makes it show properly. Here is
code:

Yes that works too.

It's difficult for me to judge since my Fx worked fine with a lot of
options about these z-index and because I have not IE ...

The given code is very tortuous just to get an element correctly Z indexed..
Did you find it in M$ recommendations (FAQ or knowledge base) ?

--
sm
Huh Your answer was faster than mine "remove post" method :)) In fact
i found that i did not solved problem, just made a "visual" mistake
when trying solve this. Instead i made a somewhat stupid but working
solution: I create one DIV outside of everything and when i want to
make "doNotDarkenThi sDiv" visible - i just copy it all via appendChild
to this temporary DIV. After everything is back to normal i just
copying it back to orginal place. Now i have other problem:

Copying it to temporary layer works well and on every Browsers.

Now I got new problem - I got problem to appendChild it back to
orgiginal DIV ech... This problem sux so hard ;(
Feb 14 '08 #12
wilq wrote:
I got a little problem, maybe You could help me out.

I have one layer that is used to darken all content on page (opacity
50%) to make other layer more visible.
Nonsensical approach. Use a dark background color and set the `opacity' CSS
property and its proprietary equivalents for the elements to be darkened
accordingly.

That said, your problem is off-topic here as script programming is not
involved at all. Try comp.infosystem s.www.authoring.stylesheets.
PointedEars
--
var bugRiddenCrashP ronePieceOfJunk = (
navigator.userA gent.indexOf('M SIE 5') != -1
&& navigator.userA gent.indexOf('M ac') != -1
) // Plone, register_functi on.js:16
Feb 15 '08 #13
Nonsensical approach. *Use a dark background color and set the `opacity'CSS
property and its proprietary equivalents for the elements to be darkened
accordingly.

That said, your problem is off-topic here as script programming is not
involved at all. *Try comp.infosystem s.www.authoring.stylesheets.

PointedEars
--
var bugRiddenCrashP ronePieceOfJunk = (
* * navigator.userA gent.indexOf('M SIE 5') != -1
* * && navigator.userA gent.indexOf('M ac') != -1
) *// Plone, register_functi on.js:16
It seems that You did not understand all problem that I told about
here - just read one of links that i typed here and You will
understand that solution of mine problem isn't lying in css only (i
really tried to solve it just only via css - IT SHOULD BE solved via
CSS, but IE is kind of bugged program). In fact as I proposed - there
is JS solution for this problem... You can try check it by yourself
using code that I gave ..... Eh.... never mind.
Feb 18 '08 #14

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
2510
by: Philo | last post by:
How do I select all <div> tags except those which contain a <table> tag somewhere within them? Example XML: <********************** sample input ***********************> <txtSectionBody> <div> <span>
4
5054
by: Ian Rastall | last post by:
This really is a JavaScript question. I have a site that looks fine in everything but NN4. I'm afraid I don't have a URL, because the site is very much unfinished. The site is a header (which is a table) and a main <div> underneath that. The main <div> is set to have a top margin of 3%, which works fine, except in NN4. There, it looks like it has a margin of 20%, or even larger. I couldn't fix it with the @import hack, so I thought I...
3
2250
by: Craig | last post by:
Hi, What I'm trying (quite poorly) to do is make it so when a link is clicked the text inside a div or p changes. I've tried numerous things, most of which work in IE but none of which work in gecko browsers e.g. Mozilla, Netscape, Epiphany etc etc. This is what I have now and works fine in IE but sits there doing nothing in anything else:
8
14467
by: Daniel Hansen | last post by:
I know this must seem totally basic and stupid, but I cannot find any reference that describes how to control the spacing between <p>...</p> and <div>...</div> blocks. When I implement these on a page, there is a huge gap (like 3/8 inch or 25 px) between them. This is driving me bananas. What the hey am I missing? dh ------------------------------------------------ Dan Hansen ------------------------------------------------
19
4479
by: benzwt | last post by:
I use the following function to hide a <div> named one. function hideObject() { if (ns4) { document.n1.visibility = "hide"; } else if (ie4) { document.all.style.visibility = "hidden"; } else if (nn6) {
4
5105
by: Bruce W...1 | last post by:
IE 6 supports the DOM for the most part. Am I missing something or is this absent from Visual Studio 2003? Does Web Matrix have it? You see, I'm trying to get Visual Studio and Dreamweaver MX to play together nicely. And with html tables they do. So I thought I'd try some layers instead of tables. I created some layers in Dreamweaver then in VS put in some ASP.NET hyperlink, but then Dreamweaver wouln't let me edit the layer...
1
1524
by: Shinya Koizumi | last post by:
Have you seen the example of how to make a modeless layer using <div>? SK
3
1986
by: chris1606 | last post by:
I have an image gallery that pops up an enlarged version of a picture when someone clicks on it. That bit works, but it should also load the picture's caption into the floating layer. Instead the caption remains unchanged and gives an "object doesn't support this property or method" dialog. The code is as follows: <script> function goBig(objNo, caption) { document.getElementById('floatdiv').style.visibility = 'visible'; ...
1
19461
by: Lee99 | last post by:
Hey guys, Love the forum. Been browsing a lot, now time for my first post :-) I'm wondering how to set a <div> tag to be center aligned to the screen, both horizontally and vertically... so it's slap-bang dead-center in the middle of the screen. I'm creating a floating <div> layer that acts as a pop-up (before I get pounced on by you anti-pop-up crowd, it's not what you think -- it's perfectly contextually relevant to what it'll be used...
2
3389
by: Richard Maher | last post by:
Hi, I'm trying to use the Visibility Style attribute for a Div to effectively PopUp a lightweight window with some additional context-sensitive information, when a user mouses over a given field(s). The popping-up seems to work just fine; it's the tearing down that's giving me grief. If I stick a onmouseout event on the same input field that caused the onmouseover/pop-up, it starts to flicker 'cos the <divis placed for esthetically...
0
9551
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10505
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
10253
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9090
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7580
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6813
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5606
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4149
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2945
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.