Jquery PrettyPhoto - 使关闭按钮仅在悬停时出现

Question

有人可以告诉我是否有可能，如果有的话，如何使关闭按钮仅在悬停时出现，如导航按钮。

非常感谢

<div class="pp_pic_holder"> 
<div class="ppt">&nbsp;</div> 
<div class="pp_top"> 
    <div class="pp_left"></div> 
    <div class="pp_middle"></div> 
    <div class="pp_right"></div> 
</div> 
<div class="pp_content_container"> 
    <div class="pp_left"> 
    <div class="pp_right"> 
        <div class="pp_content"> 
            <div class="pp_loaderIcon"></div> 
            <div class="pp_fade"> 
                <a href="#" class="pp_expand" title="Expand the image">Expand</a> 
                <div class="pp_hoverContainer"> 
                    <a class="pp_next" href="#">next</a> 
                    <a class="pp_previous" href="#">previous</a> 
                </div>
                <div id="pp_full_res"></div> 
                <div class="pp_details"> 
                    <div class="pp_nav"> 
                        <a href="#" class="pp_arrow_previous">Previous</a> 
                        <p class="currentTextHolder">0/0</p> 
                        <a href="#" class="pp_arrow_next">Next</a> 
                    </div> 
                    <p class="pp_description"></p> 
                    <div class="pp_social">{pp_social}</div> 
                    <a class="pp_close" href="#">Close</a> 
                </div> 
            </div> 
        </div> 
    </div> 
    </div> 
</div>

Answer 1

将此添加到您的css

.pp_close {display:none !important;}

.pp_default:hover .pp_close {display:block !important;}