Никак. Если только не воспользоваться багами браузеров, коих я не помню и которые будут где-то работать, а где-то нет. Выносите нужный блок за пределы такого родителя, делайте дополнительные обёртки, если нужно.
Ничего, кроме как городить чрезвычайно тормозной JS, который будет манипулировать картинками, копировать и т. д. Или же использовать SVG и его фильтры вместо CSS.
Или же просто забыть про IE11, которому уже почти 7 лет и не пытаться добиться от него того, что он не может делать по определению и возрасту.
6z6x6c, с чего это вы взяли? Вы представляете, что такое шапка сайта? Ну или, ладно, семантически верный тег header? Вообще никоим образом не связано. Туда что угодно можно поместить, хоть подвал. Это просто такой же, по сути, div, но с семантикой, которая важна для скринридеров, например. Не более.
Размешайте ваш GIF смело. Главное, чтобы он не весил несколько мегабайтов.
LOL, GIF — это просто картинка. С каких пор картинки запрещены в лого? К WordPress вообще никоим образом это не относиться, только к вёрстке. Спокойно выводится и отображается, если так надо GIF.
Кстати, не всегда можно это сделать, т. к. текст из псевдоэлементов недоступен для SEO, ибо его нет в DOM. Так что это может стать проблемой. Учтите это.
noboxer, я вам ответил в комментариях, откуда пустое пространство. Это не отступ, а просто пустое пространство вокруг. Вы кладете в одну большую коробку коробку сильно меньше, очевидно, что будет пустое пространство от границ.
noboxer, да, всё работает так, как надо. Поэтому я и не понял вопроса. Что вы ожидаете увидеть? Желтым подсвечена зона работы margin:
Если вы хотите, чтобы блок отступал от края body, то у меня для вас плохие новости, т. к. margin — это внешний отступ от элемента, а не отступ от родителя.
Ежели вы не это имеете в виду, то я вообще не понимаю, в чём прикол, т. к. вы сами задали ширину 500 пикселей элементу, а показываете на скриншоте экран, который шире его. Естественно, что справа от него будет пустое место. А отступ снизу — ясное дело, т. к. блок у вас ниже высоты экрана.
