一连三天被这个问题困扰，满以为今天下午找到原因了，详见[电脑色彩设置导致的评论框背景图片不显示] ，结果当时自己也感觉不对，自己对自己解决的办法提出了置疑，因为感觉没道理。后面我又把色彩调回去再调回来，居然又不正常了，证明前文的结论彻底失败。至于为什么在同事电脑上显示OK，我也说不明白，当时测试的是IE8。

    不服气的我，晚上回去继续研究此问题，同时博客上有两位朋友回复都说是浏览器兼容问题，这里感谢他们。真相原来是这样的：

    我们来看我的代码：<p><textarea name="txaArticle" style="width: 98%;height:150px" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" style="background:url(https://www.mybabycastle.com/*.jpg) no-repeat scroll left top; -moz-background-clIP: -moz-inITial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" ></textarea>，此代码是我网上复制别人的，当时也没仔细看，更重要的原因是我当时用的2345浏览器确实是成功了。
    这里出现了两个同名样式style，试问电脑如何判断。那么有人说你把它改个名不就行了，我试过，改任何一个，就只能显示其中一个。这两个一个是控制评论框大小，一个是控制背景图片。我们的要求是评论框中加背景图片，因此就是只能用一个样式，于是我把代码修改成：

<p><textarea name="txaArticle" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" style="width: 98%;height:150px; background:url(https://www.mybabycastle.com/*.jpg) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" ></textarea>

    然后再重建文件，奇迹出现了！我再试另外的几个浏览器，一切OK。至此，困扰我三天的问题算真正解决了。回想之前走的许多冤枉路，只能说自己疏忽大意！本来作为教师出身的我应该讲究治学严谨的，结果却犯此等错误，实属惭愧，还好我有打破砂锅问到底的毛病。至于为什么2345浏览器当时能成功，这里猜测可能此浏览器看到此两个样式时忽略了前者。不同的代码各浏览器识别的顺序不一样吧，估计如此！比方我在网上看到有的代码就没有设置这个评论框大小的。

    按道理，真正的原因找到，前面那篇文章就是错误的谬论，不能让其它人继续跟着错误，应该删除，但是为了让自己的辛苦不白费，就留在此地权当纪念，也好让自己下次不再犯此错误，同时原文我给了指引。最后感谢帮助我的几个朋友：悦骛、足球直播、骑行领域！

打赏 支付宝打赏 微信打赏