N/APosted on - 08/10/2011
I do have a CSS styling problem on my file upload. I have used an html element div for progress bar and a linkbutton is placed after the div tag. My problem with this is that the div appears below the linkbutton when it’s supposed to appear after the linkbutton. Please look at the image below so that you could understand my problem clearly.
CSS styling problem in file upload modal
Take a normal <input type="file"> and put it in an element together with position: family member.
To the exact same father or mother component, put in a normal <input> as well as an graphic, which may have the correct types. Position These elements totally, so they take up the same place because the <input type="file">.
Set the actual z-index of the <feedback type="file"> to two in order that it is situated along with the actual formed input/image.
Lastly, set the particular opacity with the <enter type="file"> to 0. The actual <input type="file"> today will become efficiently invisible, as well as the designs input/image stands out via, but you can continue to click the "Search" button. If the option will be positioned on top of the look, the user generally seems to click the image and also provides the regular record assortment eye-port.
(Observe that You can not use visibility: hidden, must be really invisible element is unclickable, too, and that we require <enter type="file"> to stay clickable)
Right up until the following the actual effect can be achieved via genuine Style sheet. Nonetheless, One of the things is still missing.