2015-06-12 2 views
0

Мой телефон находится на Android 2.3.3 и использует браузер обоев (HTC Desire aka. Bravo).Абсолютная позиция в td на Android 2.3.3

У меня есть стол, и он имеет много строк. В одной строке есть две ячейки.

Я установил положение второй ячейки как relative, и в этой ячейке у меня есть div, это позиция absolute. Моя цель - показать текст в правой верхней части каждой ячейки. На моем настольном компьютере на Firefox 37 все замечательно, но на Android он показывает, что текст справа вверху всей страницы, а не каждой ячейки. Таким образом, он абсолютизирует текст в соответствии со страницей, а не каждой ячейкой.

Это известная проблема? и есть ли какое-либо исправление для этого? (Примечание: значение позиции absolute, не fixed.)

td.info:

position: relative; 
padding: 8px 8px; 
vertical-align: top; 
border-bottom: solid 1px #f0f0f0; 

.category:

display: inline-block; 
position: absolute; 
top: 10px; 
right: 10px; 
text-align: right; 
font-size: 70%; 
color: silver; 
-webkit-backface-visibility: hidden; 

ответ

0

Я решил это. Вместо того, чтобы устанавливать position элемента td, я создал div в качестве первого элемента td и установил его position: relative. Затем поместите категорию в этот новый элемент div. Теперь он работает так, как ожидалось.

Смежные вопросы