1

I have a textbox on asp.net webform, which shows the jQuery datepicker on click. There is also a flash banner on my page.

My problem is that the datepicker is appears hidden behind the flash banner, and I need it to appear on top of the banner.

Jimmy Sawczuk
  • 13,488
  • 7
  • 46
  • 60
sumit
  • 41
  • 1
  • 3

3 Answers3

2

Flash will be always above all content. THis is how browsers work

Also checkout this How do I place HTML content above a Flash movie?

Community
  • 1
  • 1
fl00r
  • 82,987
  • 33
  • 217
  • 237
  • Won't this prevent flash always being on top? http://kb2.adobe.com/cps/155/tn_15523.html – rlb.usa Apr 07 '11 at 17:33
  • Yes. Solution in rlb.usa's answer + my comment. – mattsven Apr 07 '11 at 17:35
  • `The WMODE parameter is supported only on some browser/Flash Player version combinations. If the WMODE parameter is not supported, the Flash movie will always display on top. ` – fl00r Apr 07 '11 at 17:36
2

Use the z-index property on your elements and set it so that the datepicker has the bigger index. http://www.w3schools.com/css/pr_pos_z-index.asp

rlb.usa
  • 14,942
  • 16
  • 80
  • 128
  • This, and make sure to set the `wmode` attribute for your object and embed elements to either `opaque` or `transparent`. – mattsven Apr 07 '11 at 17:34
1

You need to make sure you set the wmode value to "transparent" in the code that embeds the flash movie.

You need to add/edit the following:

<param name="wmode" value="transparent"> and wmode="transparent" inside the <embed src=”....”> tag.

Mario Vasquez
  • 11
  • 1