Javascript 修复了旧版移动浏览器（如blackberry）上不呈现图像的问题_Javascript_Jquery_Html_Css

Javascript 修复了旧版移动浏览器（如blackberry）上不呈现图像的问题

javascript jquery html css

Javascript 修复了旧版移动浏览器（如blackberry）上不呈现图像的问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图显示一个固定在屏幕底部（而不是文本底部）的图像广告不确定这是否有帮助，但示例页面可在一切都可以在桌面和最新的手机上运行。它在一些较老的移动Broser上不起作用。有什么想法吗？我已经试了好几天了。它过去很管用，但我最近一定改变了什么如果我把图像放在html文本的底部，它可以在所有浏览器上运行在我的javascript文件中 getBannerHtml: function() { return '<a id="ad-link" href="http://foo.co:80//l

我试图显示一个固定在屏幕底部（而不是文本底部）的图像广告

不确定这是否有帮助，但示例页面可在

一切都可以在桌面和最新的手机上运行。它在一些较老的移动Broser上不起作用。有什么想法吗？我已经试了好几天了。它过去很管用，但我最近一定改变了什么

如果我把图像放在html文本的底部，它可以在所有浏览器上运行

在我的javascript文件中

getBannerHtml: function() {
return '<a id="ad-link" href="http://foo.co:80//landingpage?pr=21&amp;wd=440&amp;ht=245"><span id="banner-ad"><img class="advert-img" src="http://foo.co:8080/AdService/fileHandleAction?file=7A10B19B-2E51-4CCE-AB6A-319C382B4AA8" /></a>'
}

在我的html中

<!DOCTYPE html>
 <html>
  <head>
   <link rel="stylesheet" type="text/css" href="vicinity.css">
   <script type="text/javascript" src="./jquery.min.js"></script>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
   <div id="sticky" class="banner-sticky" style="position: fixed;">
   </div>
   <script type="text/javascript">
     new Vicinity (pubReference, sessionId, function(result) {
       $(function() {
         $("#sticky").html(result.ad.getBannerHtml());
       })
     }, function(result) {
         $("#sticky").html(result.ad.getBannerHtml());
         $(function() {
         displayResults(result);
         })
      });
 </script>
 </body>
</html>


新邻居（pubReference、sessionId、函数（result）{
$（函数（）{
$（“#sticky”）.html（result.ad.getBannerHtml（））；
})
}，函数（结果）{
$（“#sticky”）.html（result.ad.getBannerHtml（））；
$（函数（）{
显示结果（result）；
})
});

许多旧浏览器没有良好的标准来支持css提供的所有功能，即使现代浏览器也缺少一些功能。您必须检查浏览器的兼容性，我假设您使用的是Opera或Opera mini。迷你型是现代发展中最糟糕的。它缺乏所有这些好标准。您必须知道，即使是现代IE for mobile（Windows Phone 8）也不支持固定位置

检查以下参考资料：

这可能与您的问题无关：在javascript中，您没有关闭span标记。它没有修复它，但感谢您发现了错误。

<!DOCTYPE html>
 <html>
  <head>
   <link rel="stylesheet" type="text/css" href="vicinity.css">
   <script type="text/javascript" src="./jquery.min.js"></script>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
   <div id="sticky" class="banner-sticky" style="position: fixed;">
   </div>
   <script type="text/javascript">
     new Vicinity (pubReference, sessionId, function(result) {
       $(function() {
         $("#sticky").html(result.ad.getBannerHtml());
       })
     }, function(result) {
         $("#sticky").html(result.ad.getBannerHtml());
         $(function() {
         displayResults(result);
         })
      });
 </script>
 </body>
</html>