473,324 Members | 1,678 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,324 software developers and data experts.

remove dimnishing effect from the content of div

maliksleo
115 100+
Expand|Select|Wrap|Line Numbers
  1. <div style="width: 100%; height: 100%; background-color: #999999; filter: alpha(opacity=85); 
  2.                 opacity: 0.7; position:fixed; left: 0px; top: 0px; bottom:0px; right:0px; text-align: center; vertical-align: middle; z-index:100"> 
  3.                 <img src="images/process.gif" style="margin-top: 32%" /> 
  4.             </div> 
  5.  
this is my div code now the problem is that when this div apears in the page the image placed in side the div also become dim with the opacity of div. But i dont want it to do so.
I want to show the image without dimnishing effect please help me.
I placed other tags with dofferent css inside this div but result is the same.
Please guide me.

Thanks
maliksleo
May 26 '09 #1
4 2001
omerbutt
638 512MB
@maliksleo
hi maliksleo
it will not work because you are applying a div/container opacity and everthing inside that div will be effected by this effect can you describe what are you trying to do because may be there is some other way to do it
regards,
Omer Aslam
May 26 '09 #2
Frinavale
9,735 Expert Mod 8TB
@omerbutt
I have a feeling that the OP is looking to display the <div> on top of the page content (judging by the width and height style being set to 100%)... and they are looking to make this <div> transparent but not the image.

So, I'm going to recommend moving the image out side of the <div>.
Give the image a style with a position:fixed and set the z-index.

Set the z-index of the <div> to a lower value than the z-index of the image.

This will make the <div> appear faded and on top of the page content...
And it will make the Image appear on top of the <div> with no faded effect.
May 26 '09 #3
maliksleo
115 100+
@Frinavale
thanks Frinavale you made it very easy for me thanks

maliksleo
May 27 '09 #4
Frinavale
9,735 Expert Mod 8TB
One other thing to note, that I just discovered yesterday actually...

The <div> that covers the page content has to exist under the rest of the page content (in the HTML) otherwise elements with a style position:relative will appear on top of it.

See this thread for an example of what I'm talking about.
May 27 '09 #5

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

Similar topics

2
by: Peter Gomis | last post by:
I have encountered a situation where I am unable to remove a .NET assembly from the GAC. The message I receive is "Assembly 'assemblyname' could not be uninstalled because it is required by other...
9
by: Nik Thomas | last post by:
I'm beginning to redesign my site to move away from table-based layouts, and to incorporate a decent amount of cross-browser reliability, graceful degradation and standards compliance. I have...
1
by: ids | last post by:
I have my own website and i want to use a mouse effect. My problem is that i use frames and when i put the javascript in the index.html like this: <html> <head> <meta name="keywords"...
22
by: | last post by:
Hi I really hope that this posting is not a breach of netiquette. I keyed in some code copied from p.530 of The Complete Reference HTML Third Edition which is a popular book. I have listed it...
6
by: AG | last post by:
I have a gridview with a template column containing an imagebutton to delete the row. Under some condition I don't want the row to be deleted, so would like to remove the button. In the...
10
by: hendedav | last post by:
Gang, I am trying to create/update webpages using CSS and modern programming (getting away from using tables to place text and objects). I am running into an issue using ul's. I will give you...
3
by: Hamed | last post by:
Hello I have a DataTable bound to a DataGrid. During working with the grid, some detached rows are created internally by the grid. I want to remove the detached rows from the DataTable but...
3
by: Beamer | last post by:
Hi I am trying to build a roating slide effect in javascript. Basically, I have a list like below <ul id="slideShowCnt"> <li id="slide0"><img .../></li> <li id="slide0"><img .../></li> <li...
2
by: =?Utf-8?B?R3JlZw==?= | last post by:
I have the following code the dynamically adds a specific number of controls. for x as integer = 1 to 10 Dim btn as Windows.Forms.Button = New Windows.Forms.Button btn.Name = "btn" & x btn.Text...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...

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.