Проблема с масштабированием изображения в виде сетки с панелью обновления - PullRequest
Новая
       22

Проблема с масштабированием изображения в виде сетки с панелью обновления

0 голосов
/ 17 апреля 2020

Я новичок в asp. net, надеюсь, это имеет смысл. У меня есть сетка в панели обновления. Я должен сохранить эту договоренность, чтобы сохранить позицию прокрутки с замороженным заголовком и без подкачки. В gridview у меня есть столбец изображения, который масштабируется при наведении курсора мыши. Это в основном все работает. Проблема в том, что когда я приближаюсь к верхней или нижней части сетки, изображение обрезается. Он не будет расширяться за пределы края панели, поэтому изображение будет обрезано при увеличении. Я попытался переместить изображение с трансформацией, переводом и полями, но это помогает только сверху или снизу, а не обоими. Есть ли что-нибудь вокруг этого? Можно ли центрировать изображение на панели или позволить ему расширяться за пределы края панели? Я предпочитаю наведение мыши на модальное окно с кнопкой закрытия, если это возможно. Вот разметка:

<asp:Image ID="ImageX" CssClass="zoom" runat="server" Height="122px" ImageUrl='<%#"\Images\" + Eval("ImagePath")%>' Width="150px" />

и CSS: 

.zoom {
    transition: transform .2s;
    width: 100px;
    height: 100px;
       }
    .zoom:hover {
       -ms-transform: scale(1.5); /*IE 9*/
       -webkit-transform: scale(1.5); /*Safari 3-8*/
       transform: scale(3.5) translate(40px, 40px);

                }

Также обратите внимание, что изображение может быть чувствительным. Если я изменю настройки в CSS, изображение может мерцать как сумасшедшее, когда я вытащу мышку. Спасибо.

...