Css исправлено отображение не работает в IE6

Question

Я пытаюсь продублировать эффект от вкладки «неудовлетворенность» - он отлично работает в IE7 и Firefox и почти во всех других браузерах, но все это испорчено в Explorer 6 - я ненавижу IE6, но, черт возьми, это наиболее часто используемый браузер - мой вкладка теперь вместо того, чтобы накладываться на боковые стороны, сидит в верхнем углу моей страницы, толкая все содержимое страницы вниз.

Вкладка - это просто ссылка с примененным стилем CSS:

a#feedback_link
{
  position:fixed; top:40%; 
  right:0px !important; 
  z-index:9999999; 
  text-decoration:none; 
  background-color:#2E8CDC; 
  padding:0px; 
  border:0px;
}

Answer 1

Ну, прежде чем я начну: IE6 на самом деле является наиболее распространенным браузером. Пусть цифры говорят .

Возможно, проблема связана с «фиксированным» позиционированием. измените его на абсолютный (и при необходимости измените код) или используйте условный CSS, чтобы сделать специальный CSS только для ie6.

см. Некоторые образцы здесь: http://snipplr.com/view/2952/ie6-fixed-position-fix/

Answer 2

IE6 игнорирует положение: исправлено. Это известный дефект. Один из возможных (но несколько уродливых) обходных путей - использовать выражения JavaScript в вашем CSS-файле, например, так:

a#feedback_link
{
    position:absolute; 
    top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.4));
    ... 

Используйте условные комментарии, чтобы ограничить это объявление только IE6.

Answer 3

display: fixed не поддерживается в IE6.

Если вы хотите, чтобы это работало, я предлагаю попробовать IE7.js или IE8.js , которые являются патчем совместимости (реализованным через JavaScript) для IE6, который включает поддержку display: fixed.

Обзор того, что IE7.js делает здесь:

http://www.charlescooke.me.uk/web/lab_notes/ie7_script.html

Answer 4

display: fixed не поддерживается в IE6

см .: http://tagsoup.com/cookbook/css/fixed/, чтобы найти некоторые решения этой проблемы