2

在纵向打开站点时，单击图库图像后，该图像将显示在图库后面。但是，一旦我将 iPad 的位置切换为横向，它看起来很正常。在普通浏览器和移动设备上，图库显示正常。不知道为什么会出现问题，因为 CSS 似乎没问题，我已经包含了 z-index:999。

    <div class="picture @if (Model.PictureModels.Count > 1){<text>col-xs-9</text>}">

        @if (Model.DefaultPictureZoomEnabled)
        {

            <a href="@Model.DefaultPictureModel.FullSizeImageUrl" data-gallery="lightbox-p" title="@Model.Name"  id="main-product-img-lightbox-anchor-@Model.Id">
                <img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" itemprop="image" id="main-product-img-@Model.Id" />
            </a>
            <div class="zoom">
                <a href="@Model.DefaultPictureModel.FullSizeImageUrl" data-gallery="lightbox-p" title="@Model.Name" class="zoom-link">+</a>
            </div>
        }
        else
        {
            <img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" itemprop="image" id="main-product-img-@Model.Id" />
        }

这里有一些图片库的代码，如果您需要任何进一步的信息，请询问，我会为您编辑我的问题。

4

0 回答 0