2012-05-31 3 views
1

Я добавил свои функции css для определенного div в header.php, чтобы создать свою собственную верхнюю панель в теме wordpress. Теперь я сталкиваюсь только с одной проблемой, когда верхняя панель Wordpress появляется на хром, но не на IE9, и я закодировал css соответственно, установив верхнюю часть = 28; которые отлично работают на хром, когда на нем появляется верхний бар WP, но не на IE9, потому что верхняя панель панели инструментов Wordpress не появляется на нем, а дополнительное верхнее пространство - 28; появляетсяВерхняя панель Wordpress и моя верхняя панель и IE9

любезно дайте мне знать, как я могу это исправить, так что будет отлично работать на любых браузерах появляется

+1

Верхняя строка WordPress отображается, если вы вошли в панель администратора WordPress. Попробуйте войти в IE9, и вы увидите панель администратора. Кроме того, панель администратора использует CSS с важным атрибутом! Но вам не нужно беспокоиться, так как этот бар не будет виден посетителям вашего сайта –

+0

, так что скажу, что я должен удалить top = 28; и измените его на top = 0; ? –

+0

Thanyou umair bhai thats точно это вопрос любезно ответил на него, поэтому я могу счесть вас благодарностью ... –

ответ

1

WordPress верхней панели, если вы вошли в панель WordPress администратора. Попробуйте войти в IE9, и вы увидите панель администратора. Кроме того, панель администратора использует CSS с важным атрибутом! Но вам не нужно беспокоиться, поскольку этот бар не будет виден посетителям вашего сайта.

Этот бар впустую потратил много времени, когда я впервые работал над темой Wordpress. Вы должны разработать свою тему, имея в виду, что нет такого бара, т. Е. Top = 0 (может быть, проверьте его в другом браузере, где вы не вошли в панель администратора, чтобы увидеть реальное изображение)

+0

Спасибо большое bhai !! –

1

Вы можете условно настроить свой верх bar, отображается ли панель администратора из WordPress.
Проверьте с Firebug или просто исходный код вашей страницы, вы увидите, что WP добавляет класс admin-bar в элемент body. И .logged-in тоже, но я думаю, это будет отображаться независимо от того, отображается ли панель администратора WP.

Вы можете укладывать верхний бар для посетителей и для себя, например:

.softgenic-bar { 
    position: fixed; 
    top: 0; 
    left: 0; 
    color: white; 
    background: black; 
} 
.admin-bar .softgenic-bar { 
    top: auto; 
    bottom: 0; 
    background: darkred; 
} 

Не забудьте добавить/удалить отступы и поля, соответственно, если вы позиционируете свой бар полностью в другом месте.
Вы также можете решить разместить свою панель в абсолютном порядке для себя и зафиксировать для своих посетителей. Или скройте его, если это не имеет значения для вас самих, это полностью зависит от его содержимого (вам не нужно подстраивать под ваш собственный информационный бюллетень, например, ^^, но инструменты рисования в приложении все равно должны отображаться)

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