text-overflow - в Firefox точки перекрывают наложенный блок

[TorchTT]

Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста

 

Код:

http://jsfiddle.net/agh0knk6/1/

 

Проблема - в Firefox v.38.0.5 точки нижнего блока "просвечивают" через наложенный блок

 

 

z-index не помогает.

 

Подскажите, пожалуйста, как решить проблему?

Edited June 11, 2015 by TorchTT

[SelenIT]

Ага, поторопился я с прошлым ответом (про фон)

 

Вроде position: relative; помогает. Вообще, конечно, налицо баг реализации ellipsis в Фоксе. Судя по всему, этот.

[swandev]

Если точки не должны просвечивать, то их и не нужно добавлять, для нижнего блока просто ставим o:h; а  t-o: e убираем

[TorchTT]

В нижнем блоке выводится реальный адрес, а в перекрывающем - ip. Перекрывающий появляется при наведении курсора на нижний блок.

 

Если убрать точки, то пользователь может не понять, что это сокращение и адрес станет не "дом 33", а "дом 3"

Edited June 11, 2015 by TorchTT

[TorchTT]

Он задан: 

 

background-color: white;

[TorchTT]

SelenIT

Спасибо) Вероятнее всего именно этот баг и проявился.

 

Решил проблему через js.

 

 

Вопрос решен.

 

Тему можно закрывать.

Edited June 11, 2015 by TorchTT