Css IE未正确显示标签内的跨度_Css_Internet Explorer

Css IE未正确显示标签内的跨度

css internet-explorer

Css IE未正确显示标签内的跨度,css,internet-explorer,Css,Internet Explorer,我试图在JSFIDLE中展示这一点，但不确定如何包含该图像，因此希望仅从代码中就可以清楚地看到这一点。我有以下HTML： <ul class="tableview tableview-links results"> <li> <a href="#search/1" class="pad-top has-popover js-show" data-container="body"> <div class="sto

我试图在JSFIDLE中展示这一点，但不确定如何包含该图像，因此希望仅从代码中就可以清楚地看到这一点。我有以下HTML：

<ul class="tableview tableview-links results">
        <li>
      <a href="#search/1" class="pad-top has-popover js-show" data-container="body">
        <div class="story">
          <span class="metadata inline-block">
            <span class="link-text">Some Text</span>
          </span>
        </div>
      </a>
      <a href="#search/1" class="detail-disclosure has-popover js-show" data-container="body" >
        <span></span>
      </a>
    </li>
</ul>

与详细信息披露范围相关的图像正确显示在chrome/firefox中的

元素内以及“Some Text”的右侧，但在IE中，它显示在外部和下一行

有没有办法修复这个问题，让它在IE中工作，并且，除此之外，有没有办法不在IE中显示它？我尝试将它设置为在css文件中显示：无，然后将此css块移动到css链接后的块中，但这会在IE和其他浏览器中隐藏它

谢谢

@sydneyos，谢谢。请您尝试将div.story设置为inline block好吗

我没有windows计算机，因此无法测试

或者，如果您想为IE应用一些特殊的css，请查看以下示例：

<!doctype html>
<!--[if IE 7 ]> <html class="no-js ie ie7 lte7 lte8 lte9" lang="en-US"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie ie8 lte8 lte9" lang="en-US"> <![endif]-->
<!--[if IE 9 ]> <html class="no-js ie ie9 lte9>" lang="en-US"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->

恐怕在很多浏览器中都不能使用。请将图像的完整公共URL放在JSFIDLE中。两个问题：您的IE版本是什么？您是否也将div.story标记定义为内联块？在内联元素（标记）中包含一个块元素（div）是不好的。与主题无关，但我不喜欢href中的斜杠。我的意思是，你最终会看到一个类似于

/path/file#search/1

的URL，这保证在所有情况下都能工作吗？@Lister先生-这是一个单页主干应用程序-这就是它的方式works@Barmar-映像不是公共的-仅在开发机器上使用。不幸的是，将div.story设置为span或inline块并没有什么区别，而且我猜IE10不尊重条件，所以我无法为此更改显示行为，尽管即使在IE9模式下，它似乎也不起作用。即。。。我不知道。您的跨度宽度为29，背景图像宽度为58。这有关系吗？是的，这是一个很好的想法，但不，这实际上是设计的-如果我让跨度宽度与图像宽度匹配，我会得到一个双图像。

<!doctype html>
<!--[if IE 7 ]> <html class="no-js ie ie7 lte7 lte8 lte9" lang="en-US"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie ie8 lte8 lte9" lang="en-US"> <![endif]-->
<!--[if IE 9 ]> <html class="no-js ie ie9 lte9>" lang="en-US"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->