Firefox不支持显示表格单元上的相对位置

Firefox不支持显示表格单元格上的相对位置。以下是我已经试过：Firefox不支持显示表格单元上的相对位置

HTML

<section class="lightOrangeStrip"> 
    <i class="icon-Chart"><img src="images/chart.png" alt="chart-icon" /></i> 
    <div class="orangeContainer"> 
     <h4>Our Promise To You:</h4> 
     <ul> 
      <li>Deliver Quality, On Time Solutions</li> 
      <li>Develop A Strong Long Term Business Relationship</li> 
      <li>Help Your Business Grow By Reducing Any IT Overhead</li> 
      <li>Ample List Of Services</li> 
      <li>Tools To Help You Manage Your Client Account More Efficient</li> 
     </ul> 
    </div> 
</section>

CSS

.lightOrangeStrip { 
    width:50%; 
    display:table-cell; 
    vertical-align:top; 
    margin:0 -3px; 
    background:#f0b856; 
    color:#fff; 
    padding:25px 10px 25px 80px; 
    position:relative; 
    border-bottom:solid 1px #fff; 
} 
.stripWrap { 
    width:100%; 
    display:table; 
    position:relative; 
} 
.lightOrangeStrip .icon-Chart { 
    position:absolute; 
    left:-74px; 
    top:20%; 
    height:54px; 
    width:54px; 
}

有什么不对？

来源

2014-02-15 user3313335

请提供更多的信息和代码+例子（JSfiddle等），引导你到你的问题。 –

可能的重复：http://stackoverflow.com/questions/5148041/does-firefox-support-position-relative-on-table-elements –

这是一个Firefox的错误，所以你需要解决它。所以你最初想做什么？ – anurupr

表格单元元素让元素表现得像一个元素而且它不会像边距和位置那样具有属性。

我想你的情况，你可以使该元素display：inline-block;然后定义位置属性。

来源

2014-02-15 15:45:23

Firefox不支持显示表格单元上的相对位置

回答

相关问题