评论及留言框背景图片不显示的真正原因
一连三天被这个问题困扰,满以为今天下午找到原因了,详见[电脑色彩设置导致的评论框背景图片不显示] ,结果当时自己也感觉不对,自己对自己解决的办法提出了置疑,因为感觉没道理。后面我又把色彩调回去再调回来,居然又不正常了,证明前文的结论彻底失败。至于为什么在同事电脑上显示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浏览器当时能成功,这里猜测可能此浏览器看到此两个样式时忽略了前者。不同的代码各浏览器识别的顺序不一样吧,估计如此!比方我在网上看到有的代码就没有设置这个评论框大小的。
按道理,真正的原因找到,前面那篇文章就是错误的谬论,不能让其它人继续跟着错误,应该删除,但是为了让自己的辛苦不白费,就留在此地权当纪念,也好让自己下次不再犯此错误,同时原文我给了指引。最后感谢帮助我的几个朋友:悦骛、足球直播、骑行领域!
分类:主页制作| 发布:xiadao81| 查看:2733 | 发表时间:2012-09-18
原创文章如转载,请注明:转载自龙三公子博客 https://www.mybabycastle.com/
本文链接:https://www.mybabycastle.com/post/94.html
长沙会计培训 2013-04-17 11:32:43 回复
哦 原来是这样啊 受教了