省略號在火狐中沒有顯示固定div與背景顏色

Question

這裏沒有太多的評論...我試圖設置文本溢出省略號在一個div上，同時有一個固定的div與其他地方的背景頁面，這似乎並沒有在Firefox是工作（但與Chrome瀏覽器）......下面的代碼：

.fixed { 
 
    position: fixed; 
 
    background-color: #fff; 
 
} 
 

 
.ellipsis { 
 
    width: 200px; 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
}

<div class="fixed"> 
 
    asdf 
 
</div> 
 
<div class="ellipsis"> 
 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
 
</div>

Answer 1

使用overflow: hidden和white-space: nowrap爲固定股利。

檢查片段

.fixed { 
 
    position: fixed; 
 
    background-color: #fff; 
 
    top: 50px; 
 
    
 
    width: 120px; 
 
    white-space: nowrap; 
 
    text-overflow: ellipsis; 
 
    overflow: hidden; 
 
    
 
} 
 

 
.ellipsis { 
 
    width: 200px; 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
}

<div class="fixed"> 
 
    this is the demo text to rere 
 
</div> 
 
<div class="ellipsis"> 
 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
 
</div>