Расположите изображение за пределами его контейнера

У меня возникла та же проблема, при условии, что мой DefaultAppPool был запущен под ApplicationPoolIdentity, а DefaultAppPool имел разрешения для папки, но некоторые файлы все еще не загружались.

Оказывается, моя проблема заключалась в том, что пользователь анонимной аутентификации был установлен на кого-то другого вместо ApplicationPoolIdentity

Снимок экрана enter image description here

16
задан Nemus 25 December 2017 в 11:58
поделиться

4 ответа

Как насчет относительного позиционирования изображения?

position: relative;
top: -Xpx;
z-index: 99;

Где -X сколько бы ни потребовалось, чтобы заставить его выглядывать из DIV.

Если это не сработает, у меня есть несколько других идей, но я определенно хотел бы увидеть ваш HTML-код, поэтому я можно легко поиграть с ним в Firebug.

РЕДАКТИРОВАТЬ : HTML, который вы разместили, на самом деле недостаточно, так как весь смысл просмотра кода заключается в том, чтобы иметь возможность иметь копию, с которой вы можете легко попробовать что-то Firebug и тому подобное. Однако я понимаю вашу нерешительность / неспособность разместить здесь всю страницу. В любом случае, я бы не стал использовать для показа изображения, я бы просто использовал реальное изображение. У меня все сработало .

23
ответ дан 30 November 2019 в 16:36
поделиться

использование отрицательного верхнего поля иногда может работать, в зависимости от вашего HTML.

2
ответ дан 30 November 2019 в 16:36
поделиться
.icon
{
    margin-top:-24px; /*icon height / 2*/
}
1
ответ дан 30 November 2019 в 16:36
поделиться

Причина, по которой ваше изображение обрезается, заключается в том, что один из родительских элементов ссылается на класс «col-last», для которого установлено значение «hidden» для переполнения. Ваша страница сообщает браузеру обрезать изображение.

Если вы можете удалить этот атрибут переполнения или изменить его на "видимый", это позволит изображению переполниться.

Если изображение ВСЕ ЕЩЕ обрезано , поскольку родительский элемент, использующий класс "section-heading", расположен относительно друг друга, вы можете установить абсолютное положение изображения, что позволит изображению также отображаться таким образом (но я не думаю, что это будет работать до тех пор, пока так как изображение имеет переполнение «скрыто».

Пример css для изображения:

.section-heading .section-heading-cap img
{
    position:absolute;
    bottom:0px;
    left:0px;
}

Однако, если вы это сделаете, текст расположится под изображением.

9
ответ дан 30 November 2019 в 16:36
поделиться