Question

是否有可能将这种辣椒制成一个＆＃34; a href＆＃34;。弹出窗口的功能工作正常，但是当你悬停图片时，没有＆＃34; hand＆＃34;。

HTML

<img    
    src="/images/thumbs/image1.jpg" 
    data-toggle="modal" 
    data-target="#myModal1" 
    alt="Trolltunga, Norway" 
    width="300px" 
    height="200px"
>

<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <img src="//placehold.it/1000x600" class="img-responsive">
        </div>
    </div>
  </div>
</div>

JS

function centerModal() {
    $(this).css('display', 'block');
    var $dialog = $(this).find(".modal-dialog");
    var offset = ($(window).height() - $dialog.height()) / 2;
    // Center modal vertically in window
    $dialog.css("margin-top", offset);
}

$('.modal').on('show.bs.modal', centerModal);
$(window).on("resize", function () {
    $('.modal:visible').each(centerModal);
});

Answer 1

img:hover{
    cursor: pointer;
}

将此添加到您的css

Answer 2

您可以添加此内容，

img{
cursor:pointer;
}

cursor:pointer表示链接。但实际上在您的代码中，您的图片周围没有<a> tag，因此您可以更改cursor property。

Answer 3

在css中简单使用此代码。

img:hover{
   cursor: pointer;
}

Img src到一个链接

3 个答案: