龙三公子博客 - 让自己的内心藏着一条巨龙,既是一种苦刑,也是一种乐趣!
龙三公子博客是一个草根站!一个业余电脑爱好者的独立博客,博客内容综合,主要有电脑网络、健康养生、日常生活等!

评论及留言框背景图片不显示的真正原因

    一连三天被这个问题困扰,满以为今天下午找到原因了,详见[电脑色彩设置导致的评论框背景图片不显示] ,结果当时自己也感觉不对,自己对自己解决的办法提出了置疑,因为感觉没道理。后面我又把色彩调回去再调回来,居然又不正常了,证明前文的结论彻底失败。至于为什么在同事电脑上显示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浏览器当时能成功,这里猜测可能此浏览器看到此两个样式时忽略了前者。不同的代码各浏览器识别的顺序不一样吧,估计如此!比方我在网上看到有的代码就没有设置这个评论框大小的。

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

打赏 评论及留言框背景图片不显示的真正原因  原创 技巧方法 浏览器 电脑 程序代码 龙三公子 第1张支付宝打赏 评论及留言框背景图片不显示的真正原因  原创 技巧方法 浏览器 电脑 程序代码 龙三公子 第2张微信打赏
爆品精选

标签: 原创 技巧方法 浏览器 电脑 程序代码 龙三公子
分类:主页制作| 发布:xiadao81| 查看:2733 | 发表时间:2012-09-18
原创文章如转载,请注明:转载自龙三公子博客 https://www.mybabycastle.com/
本文链接:https://www.mybabycastle.com/post/94.html

长沙会计培训 2013-04-17 11:32:43 回复

哦 原来是这样啊 受教了
已经有 ( 1 ) 位网友发表了评论,你也评一评吧!  

Design By XvDesign.Com | Power By Z-BlogPHP 1.7.3
点击关闭
  • 联系客服