Fatal编程技术网

Twitter bootstrap Twitter引导popover不适用于IE9

twitter-bootstrap

Twitter bootstrap Twitter引导popover不适用于IE9,twitter-bootstrap,internet-explorer-9,popover,Twitter Bootstrap,Internet Explorer 9,Popover,我对推特引导弹出窗口有一个问题。我已经下载并安装了最新的软件包（twitter-bootstrap-v2.2.0-2-g3b3dd3a），我制作了一个简单的html页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Twitter Bootstrap Popover with placement option Exampl

我对推特引导弹出窗口有一个问题。我已经下载并安装了最新的软件包（
twitter-bootstrap-v2.2.0-2-g3b3dd3a
），我制作了一个简单的html页面：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Twitter Bootstrap Popover with placement option Example</title>
    <meta name="description" content="Creating Modal Window with Twitter Bootstrap">
    <link href="twitter-bootstrap/docs/assets/css/bootstrap.css" rel="stylesheet">
    <style> a { margin-left : 400px; } </style>
  </head>
  <body>
    <div class="container">
      <h2>Example of creating Popover with Twitter Bootstrap with placement option</h2>
      <div class="well">
        <a href="#" id="example" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltip for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
      </div>
      <div class="well">
        <a href="#" id="example_left" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
      </div>
      <div class="well"> <a href="#" id="example_top" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a> </div>
      <div class="well"> <a href="#" id="example_bottom" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a> </div>
    </div>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="twitter-bootstrap/js/bootstrap-tooltip.js"></script>
    <script type="text/javascript" src="twitter-bootstrap/js/bootstrap-popover.js"></script>
    <script type="text/javascript"> $(function () { $("#example").popover(); $("#example_left").popover({placement:'left'}); $("#example_top").popover({placement:'top'}); $("#example_bottom").popover({placement:'bottom'}); });
    </script>
  </body>
</html>


带有放置选项的Twitter引导弹出窗口示例
{左边距：400px；}
使用带有placement选项的Twitter引导创建Popover的示例
$（函数（）{$（“#示例”）.popover（）；$（“#示例_左”）.popover（{placement:'left'}）；$（“#示例_top”）.popover（{placement:'top'}）；$（“#示例_bottom”）.popover（{placement:'bottom'}）；
问题是，使用IE9时，按钮的格式不正确，而在Chrome中，它们看起来很好

以下是它们在IE9中的显示方式：

这里是Chrome：

这与流行音乐无关，但与糟糕的浏览器标准相符。IE9本身并不支持Bootstrap使用的所有CSS属性。我已经成功地使用CSS3PIE来帮助解决这个问题

好消息是IE10似乎非常符合标准，而且它可以漂亮地呈现文本和图像。2-3年的地狱，我们将在一个新的黄金时代

你说的是按钮的位置，还是总体外观？后者在IE中可能不是真正可以修复的。再过2-3年，我们将进入一个新的黄金时代，希望每个人都快点升级到IE11。