Question

我在这件事上很困惑。我试图让一个div内的textarea在IE7，IE8和IE9中工作，偶然我将样式背景从无变为。这使它发挥作用。

任何人都可以解释一下吗？

我很抱歉凌乱的设置。在了解了背景问题后，将所有样式提升为css文件。

不起作用

<textarea id="chatWindowMessageArea" style="position: absolute; display: block; margin: 0;
                    padding: 0; border: none; float: none; clear: none; left: 35px; top: 302px; width: 315px;
                    max-width: 315px; min-width: 315px; height: 63px; max-height: 63px; min-height: 63px;
                    z-index: 2; background-color: transparent; background: none; font-style: normal;
                    font-weight: normal; font-size: 100%; line-height: normal; text-shadow: none;
                    list-style: none; text-align: left; outline: none; text-indent: 0px; -moz-box-shadow: none;
                    -webkit-box-shadow: none; font-family: arial,sans-serif; font-size: 12px; font-weight: normal;
                    color: black; vertical-align: top; resize: none; overflow: auto;" type="text"
                    name="chat">
                </textarea>

作品！

<textarea id="chatWindowMessageArea" style="position: absolute; display: block; margin: 0;
                    padding: 0; border: none; float: none; clear: none; left: 35px; top: 302px; width: 315px;
                    max-width: 315px; min-width: 315px; height: 63px; max-height: 63px; min-height: 63px;
                    z-index: 2; background-color: transparent; background: #FFFFFF; font-style: normal;
                    font-weight: normal; font-size: 100%; line-height: normal; text-shadow: none;
                    list-style: none; text-align: left; outline: none; text-indent: 0px; -moz-box-shadow: none;
                    -webkit-box-shadow: none; font-family: arial,sans-serif; font-size: 12px; font-weight: normal;
                    color: black; vertical-align: top; resize: none; overflow: auto;" type="text"
                    name="chat">
                </textarea>

Answer 1

background: none表示您的背景将完全透明。

因此，没有任何可点击的内容;你真的点击了隐形盒后面的东西。

为什么我需要背景颜色设置？

1 个答案: