Alucard
Alucard

Reputation: 1902

input type file invisible on page load

I have this problem Only on IE7 and IE8.

I have a shadowbox that contains an input type file in it.

When this shadowbox is loaded, the input file is invisible... until I mouse hover it.

It's a reall basic form with a really basic input file:

<form action="" method="post" enctype="multipart/form-data" autocomplete="off">
  <input type="file" name="img" onChange="$('#button_img').css('display','');" />
  <input type="hidden" name="step_crop" value="1" />
  <input type="submit" value="" />
</form>

I tried to delete everything on the file and only leave the form with one element which is, yeah, the evil input file, but still invisible on page load until I hover it.

Someone would have an idea ?

(Video link for the behavior: http://www.screenr.com/6ICH )

Upvotes: 0

Views: 218

Answers (1)

usman allam
usman allam

Reputation: 284

Please try to close your div and input tags properly. does it work?

Hi, I can see input field in both IE7 and IE8. Can you please add your view how it looks like before and after

enter image description here

Upvotes: 1

Related Questions