Background PositioningCropping Issue

Question

Я пытаюсь реплицировать свою Fiddle, которую я имею здесь, на веб-сайте, над которым я работаю, но, похоже, WidgetKit для Joomla кодирует или выполняет CSS. Скрипки здесь: [http://jsfiddle.net/vZNj7/44/]

<div class="brand-wrap-bg"> 
<div class="image-cropper-brand" style="background-image: url('http://www.kanzenint.com/nkliq.com.au/nkliqjoom3/images/untitled-1_03.jpg');">&nbsp;</div> 
<div class="brand-text">This is where the overview text is going to be</div> 
</div> 

Это мой шаблон до сих пор: http://www.kanzenint.com/nkliq.com.au/nkliqjoom3/index.php/k2-users/k2-extra-fields/k2-extra-field-groups/k2-media-manager/k2-information/brand-story

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

Я также хочу сделать так, чтобы окно браузера обрезало нижнюю часть, если размер окна изменился, или для людей с разными размерами окон.

Я пытался выяснить, почему я не могу заставить его работать. Ближе к 5 утра и нескромно отказался :(Спасибо большое за любую помощь.

Answer 1

Я проработал после того, как попал на машину Win8.1 и использовал devtools на IE11, поскольку предыдущие версии - это такая штука дерьма и рядом с неприменимым.

Я использовал «начальную» позицию, но, похоже, что IE не нравится «initial» и не распознает его? Поэтому вместо этого я использовал «Static», и, похоже, он работает.

Причина, по которой мне нужно было вернуться к ней, поскольку Widgetkit использовал встроенные стили, которые не могли быть удалены (ну, возможно, они могли бы, но я не мог видеть его в шаблоне), поэтому встроенные стили должны были быть в основном возвращены к значению по умолчанию

Надеюсь, это поможет кому-то, даже если никто не помог мне :(