Conflict problem between div background image and input box_html/css

style="display:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images /bg.jpg',sizingMethod='scale');" >

;
The size of the div,

, but I found that although it worked, the form under the div, whether it is a text box or an input box editable control, could not input values

. . . . . Please help me solve it. I searched for related problems on the Internet, but there is no solution.

Reply to discussion (solution)

Why is no one answering? I heard that there are experts in csdn Ah

It seems that no one understands it. If anyone answers me, it doesn’t matter whether it is right or not, I will give all 40 points to him.

style="display:none; You have hidden this div, of course you can't see it.

style="display:none;

I forgot to say that when clicked This div is similar to a pop-up box and will be displayed

- - Filters are only valid for IE. Also, your code is too small and you can’t see the problem. Are you sure that adding filters or not is the problem? Final comment One sentence: I'm just a soy sauce person

Are you still there? . . Your question is very simple.

Copy it and add a relative position~~ I won’t say the specific reason

It doesn’t seem to work. The connections are all dead, and it can’t move as if a layer of glass has been placed.

<table style="position:relative" width="546" height="40" border="0" cellpadding="0" cellspacing="0">	       <tr class="tittr">	         <td > <form><input type="text" name="username"/></form></td>	       </tr>	</table>

Copy after login

Is there no other solution?

Reference: Microsoft.AlphaImageLoader causes links and input boxes to fail

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><div id="" class="" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.coding123.net/logo.jpg',sizingMethod='scale');"><table width="546" border="0" cellpadding="0" cellspacing="0">       <tr class="tittr">         <td > <form><input type="text" name="username" style="position:relative"/></form></td>       </tr></table></div>

Copy after login

Related labels：

div背景图片和输入框的冲突问题

Previous article：Please tell me how to use CSS DT and DD to create a collapsible menu. Why do the secondary menus overlap? _html/css_WEB-ITnose Next article：How to see the size of the web page returned by the server using http protocol_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Conflict problem between div background image and input box_html/css_WEB-ITnose