我一直在尝试通过在网页上添加 float 的社交媒体共享栏。
该条在I.E，Firefox，Opera，Chrome和Safari中完美呈现，但是在Netscape Navigator 9中查看时却无法正常显示。
在上述所有操作中，酒吧都必须正确渲染，这一点很重要，并认为问题可能是由于我网页上的其他内容干扰了其正确的操作。但是，当我使用模拟页面测试栏时，我已经发布了一个链接到这里，仍然存在相同的问题。
谁能建议我可以对源代码进行哪些更改以解决此问题？
这是我的演示页面的链接。
http://www.corncreations.co.uk/test/floating_bar.html
这是指向创建者页面的链接，其中包括源代码。
http://www.myblogger-tricks.com/2013/09/add-awesome-floating-sharing-bar-on.html
非常感谢任何 build 性的建议。
可以通过访问第二个链接(上面)来获得用于演示的代码，但是无论如何，这里是:
<style type="text/css">
#floating_bar {
background-color:#fff;
position:fixed;
padding:0 0 3px 0;
bottom: 30%;
margin-left:-60px;
float:left;
border: 1px dotted #f7f7f7;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
z-index:10;
}
#floating_bar {
clear:both;
}
</style>
<div id='floating_bar'>
<div style='margin:10px 0 5px 13px;' id='like'>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>
</div>
<div style='margin:0px 0 0 10px;' id='gplusone'>
<g:plusone size="tall"></g:plusone>
</div>
<div style='margin:5px 5px 5px 6px;'>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="mybloggertriks" data-lang="en" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<div style='margin:5px 5px 5px 5px;' id='linkedin'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'></script>
<script data-counter='top' type='IN/Share'></script>
</div>
<div style='margin:0 0 10px 11px; id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<p style='line-height:0px; margin-bottom:8px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.myblogger-tricks.com/2013/09/add-awesome-floating-sharing-bar-on.html' rel='nofollow' style='color:#333;'> Get Widget</a></p>
</div>
至于到目前为止我一直在研究和尝试的内容-我已经阅读了该论坛上的其他帖子，还搜索了Google的答案，但是除了阅读其他地方的一些帖子外，其他人的Facebook Like按钮也无法正常显示Netscape，别无其他。我还没有尝试更改原始源代码，因为我不确定该怎么做才能解决问题。
最佳答案
1.有时向后兼容性过高。
您是在暗示Netscape是“主浏览器”，就像您在问题中提到的浏览器一样。 Netscape曾经拥有significant市场份额，但是它的时代已经过去了(请参阅Wikipedia上的History of the web browser，特别是文章底部的时间线图；有关当前统计信息，也请参见Usage share of web browsers)。
从实际的角度来看，这使问题变得无关紧要。鉴于您正尝试支持旧版浏览器，因此很难证明问题的合理性，更不用说找到答案了。
但是，假设您有充分的理由支持实际上已经灭绝的浏览器...
2.问题是什么？
您可能会说，“它不起作用”。 如何工作？ 预期行为是什么，并且实际结果与您的预期有何不同？您不应期望我们下载一个浏览器，该浏览器十年来几乎没有人用来确认模棱两可的错误描述(SSCCE)。
3.您的HTML很时髦
"。例如:<div id="floating_bar">。 !标签中应该存在那个<script/>吗？ <g:plusone/>不是有效的HTML标记。您是否正在尝试做this之类的事情？ bottom属性设置为百分比。起初对底部/右侧的支持参差不齐，百分比可能还很不稳定。