Я не могу повернуть мой div, код тот же, что и раньше, но не работает на этот раз [duplicate]

С 2015 года вы предотвращаете отправку заголовка Referer:

Просто добавьте это в раздел заголовка веб-страницы:

  & lt; meta name =  "referrer" content = "no-referrer" / & gt;   

Это работает как для ссылок, так и для запросов Ajax, сделанных кодом JavaScript на странице.

Другие действительные опции meta включают:

  & lt; meta name = "referrer" content = "unsafe-url" / & gt;  & lt; meta name = "referrer" content = "origin" / & gt;  & lt; meta name = "referrer" content = "no-referrer-when-downgrade" / & gt;  & lt; meta name = "referrer" content = "origin-when-cross-origin" / & gt;   

• Посмотрите, работает ли он для вашего браузера здесь: http://caniuse.com/#feat=referrer-policy

• См. Спецификации здесь: http://w3c.github.io/webappsec/specs/referrer-policy/

Также обратите внимание, что браузеры теперь отправляют Origin (с запросами CORS и запросами POST, см. здесь: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Origin ), который включает в себя домен и порт, и, насколько я знаю, нельзя удалить. Если вы используете & lt; meta name = "referrer" content = "origin" / & gt; , то реферер будет содержать схожую информацию с заголовком Origin , что уже хорошо из

Обновление:

Если вы хотите удалить реферер только с помощью JavaScript, вы можете добавить соответствующий метатег динамически перед выполнением запроса Ajax. Этот JavaScript добавит & lt; meta name = "referrer" content = "no-referrer" / & gt; в раздел заголовка веб-страницы:

  var meta =  document.createElement ( 'мета');  meta.name = "referrer";  meta.content = "no-referrer";  document.getElementsByTagName ( 'голова') [0] .appendChild (мета);   

2
задан user2732875 6 June 2014 в 22:51
поделиться

1 ответ

Вы не можете преобразовать элементы с помощью display: inline; - вместо этого используйте встроенный блок:

.navcontent ul li {
    display: inline-block;
   /* .. */
    transform: translateZ(0);
}

Это четко указано в соответствующей спецификации :

transformable element

Преобразуемый элемент является элементом в одной из этих категорий:

элемент, макет которого определяется моделью окна CSS, которая является либо блочным уровнем или элемент атомного встроенного уровня, или свойство отображения которого вычисляется в таблице-таблице, таблице-строке-группе, таблице-заголовке-группе, таблице-колонтитуле, таблице-ячейке или заголовке таблицы [CSS21]

элемент в пространстве имен SVG и не управляется моделью CSS-блока, которая имеет атрибуты transform, 'patternTransform' или gradientTransform [SVG11].

Обратите внимание, что atomic inline элемент уровня относится к inline-block

4
ответ дан Deviant 15 August 2018 в 16:16
поделиться
  • 1
    используя inline-block, теперь я могу увидеть анимацию, но я столкнулся с проблемой других вкладок (один раз щелкнул) содержимое этого конкретного контейнера не появилось ... – user2732875 6 June 2014 в 22:14
  • 2
    Вы можете отправить ссылку скрипта ? Трудно помочь без просмотра всего кода или демонстрации. – Deviant 6 June 2014 в 22:14
  • 3
    Он находится в контейнере разделов. Как вы заметили, анимация работает на данный момент, однако, если вы нажмете на вкладке параметров в верхнем левом углу и выберите вкладку «Последние», а затем попробуйте прокрутить вниз, содержимое внутри исчезнет ... – user2732875 6 June 2014 в 22:20
  • 4
    @ user2732875: Я вижу это сейчас. Дайте мне минуту. – Deviant 6 June 2014 в 22:23
  • 5
    Но если я помещаю display: inline туда, содержимое в каждой вкладке работает так, как должно - проблема только в том, что анимация не работает, если реализована ... – user2732875 6 June 2014 в 22:23