HTML фиксированная позиция IE проблема - PullRequest
Новая
       8

HTML фиксированная позиция IE проблема

1 голос
/ 10 декабря 2011

У меня есть кнопка чата / ссылка, которая находится в правом нижнем углу моей страницы. Это мой код в css, он отлично работает в Firefox и Chrome: 

a.trigger{
position: fixed;
bottom: 0px; right: 15px;
padding: 6px 10px 6px 10px;
display: block;
}

В IE это просто вверху страницы. Как я могу это исправить, чтобы он работал в IE тоже?

Ответы [ 2 ]

1 голос
/ 10 декабря 2011

Примечание. IE7, IE8 и IE9 поддерживают фиксированное значение, только если указано !DOCTYPE.

В первой строке вашей страницы должно быть указано следующее:

HTML 4 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 5 

<!DOCTYPE html>

Источник: http://www.w3schools.com/css/css_positioning.asp

0 голосов
/ 10 декабря 2011

Следующий код - умный способ заставить IE вести себя немного лучше. Убедитесь, что CSS находится в таком порядке, и это должно быть ответом или, по крайней мере, приблизить вас к вашей цели. 

* html .sticky {
  position:absolute;
}

.sticky {
  position:fixed;
  right:0;
  top:40%;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...