时间戳

首页 > 解决方案 > 移动设备上出现白圈问题 (CSS)

html - 移动设备上出现白圈问题 (CSS)

问题描述

我有一张图片，当您单击图片时，会打开引导模型。（灯箱）

到目前为止没有问题。但是在手机版中，图片周围出现了问题。

问题源于宽度和高度。自动调整高度和宽度，但不点击图片。

.testing {
  width:150px;height:150px;position:fixed;z-index:123123;right:3px;bottom:0;}

问题通过这种方式解决，但它没有点击。

.testing {
width:auto;height:auto;position:fixed;z-index:123123;right:3px;bottom:0;}

手机上出现的问题白圈就是这张图。

和 2. 屏幕 ->点击

引导代码。

    <div class="testing">
    <span><img width="150px" alt="teklif alın"  src="/assets/images/teklif-al.png" /> </span>
    </div>
    <div type="button" class="testing" data-toggle="modal" data-target="#exampleModalCenter">
    </div>

    <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
    <div class="modal-header">
    <h3 class="title theme-gradient"><img src="/assets/images/testing.png"/> Hızlı Teklif</h3>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span>
    </button>
    </div>
    <div class="modal-body">
    <div class="testing">

标签： htmlcss

解决方案

推荐阅读