我在 ie8 中遇到背景图像问题。这是html页面。我正在 ie8 中测试。
<pre><code><!DOCTYPE html>
<html>
<HEAD>
<TITLE>Test background icon</TITLE>
<STYLE type=text/css>
.ctNewIconOnlyTxt {
background: url('images/icons/icon_test.gif') right top no-repeat !important;
background-color: #F2F2F2;
padding-right: 16px;
}
</style>
</HEAD>
<BODY>
<LABEL>Description </LABEL>
<TEXTAREA style="WIDTH: 565px; HEIGHT: 83px;"
class="ctNewIconOnlyTxt" >testing for star icon for new
</TEXTAREA>
</BODY>
</html>
</code></pre>
问题是背景图像隐藏在文本区域的滚动条后面。如果我删除
DOCTYPE html
标记然后图像显示在滚动条之前。
有人可以向我解释问题是什么以及解决方法是什么吗？
最佳答案
如果没有 DOCTYPE 声明，Web 浏览器将以 quirks 模式呈现页面。这意味着不同的浏览器将以不标准的方式解释这些标签，通常以困惑的外观告终。
滚动条应该在文本区域背景的顶部。 (这是背景!)
如果要隐藏滚动条，指定滚动条不可见
textarea {
border : none;
overflow: hidden;
}
另一种方法是使用 iFrame 而不是 TextArea。
关于html - TextArea 背景图像消失在滚动条后面 - html 5，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8051648/