2016-10-28 3 views
1
<div class="home_breadCrumbs"> 
<div class=" home icon" title="Home" ng-click="gotoHome()" 
    draggable="false">home</div> 
    <div class="bread-crumbs-arrow-icon"></div></div> 

Я пытаюсь отобразить значок стрелки только после того, как дома, как: дома> Он работает гладко в хроме и светлячок, но в IE это отображающее стрелка сначала, а затем значок дома. Не знаю, почему;Показывать DIV только если конкретный класс был выполнен до него

Можно ли добавить обязательное условие, чтобы значок стрелки отображался только после отображения значка дома?

Я узнал, что один из моих классов использует «display: inline-flex» в качестве атрибута. Я нацелен на IE-10. что я могу написать для IE в IE?

home_breadcrumbs{ 
display: inline-flex; 
font-family: arial! important; 
font-size: 13px; 
height: 20px;} 
+0

Попробуйте поместить стрелу внутрь домашнего div? или сделать его пролетом внутри домашнего div? – rassar

+0

попробовал это .. не повезло! – separ1

+0

Использовать псевдоселектор: после и 'position' он' absolute' –

ответ

1

Пробуйте использовать display: inline-block для обоих элементов.

+0

did not work. Что такое эквивалент inline-flex в IE? – separ1

+0

flexbox не поддерживается в IE, поэтому вы не можете использовать inline-flex. Было бы неплохо, если бы вы могли разместить HTML и CSS, чтобы мы могли видеть, как это делается. –

+0

см. Мои правки, он показывает класс, который использует inline-flex – separ1

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