2017-10-20 24 views
0

由於某些原因,當我將鼠標懸停在對象上時,我的代碼不允許禁用剪輯。這是我正在使用的代碼。 我很確定我的一切都正確,如果有幫助,我正在使用谷歌瀏覽器。當我使用懸停時,我無法使剪輯消失

<section id="map"> 
    <figure id="point0"> 
     <img src="image0.jpg" alt="" /> 
     <figcaption> 
      <time>3:30 a.m.</time> Start from the Longs Peak Ranger 
      Station, nine miles south of Estes Park. Be sure to pack 
      food, extra water, 
      sunblock, warm clothes, gloves, and caps. 
     </figcaption> 
    </figure> 

    <figure id="point1"> 
     <img src="image1.jpg" alt="" /> 
     <figcaption> 
      <time>5:30 a.m.</time> Stop at Mills Moraine for a 
      view of the sunrise. 
     </figcaption> 
    </figure> 

    <figure id="point2"> 
     <img src="image2.jpg" alt="" /> 
     <figcaption> 
      <time>7:30 a.m.</time> Time for a break at Granite Pass. 
     </figcaption> 
    </figure> 

    <figure id="point3"> 
     <img src="image3.jpg" alt="" /> 
     <figcaption> 
      <time>8:30 a.m.</time> Climb through the Boulder Field 
      on the way to the Keyhole. 
     </figcaption> 
    </figure> 

    <figure id="point4"> 
     <img src="image4.jpg" alt="" /> 
     <figcaption> 
      <time>9:00 a.m.</time> Stop at the 
      Agnes Vaille shelter for a well-deserved breakfast. 
     </figcaption> 
    </figure> 

    <figure id="point5"> 
     <img src="image5.jpg" alt="" /> 
     <figcaption> 
      <time>9:30 a.m.</time> It's time to go through 
      the Keyhole. Be prepared for heavy winds. 
     </figcaption> 
    </figure> 

    <figure id="point6"> 
     <img src="image6.jpg" alt="" /> 
     <figcaption> 
      <time>10:00 a.m.</time> Follow the painted targets 
      along the Ledges. 
     </figcaption> 
    </figure> 

    <figure id="point7"> 
     <img src="image7.jpg" alt="" /> 
     <figcaption> 
      <time>11:00 a.m.</time> Take special care when crossing 
      the Narrows. 
     </figcaption> 
    </figure> 

    <figure id="point8"> 
     <img src="image8.jpg" alt="" /> 
     <figcaption> 
      <time>11:15 a.m.</time> You're almost there! Climb the 
      Homestretch to reach the summit. 
     </figcaption> 
    </figure> 

    <figure id="point9"> 
     <img src="image9.jpg" alt="" /> 
     <figcaption> 
      <time>11:45 a.m.</time> Congratulations, you've reached 
      the top! Time for lunch and a few photos. 
     </figcaption> 
    </figure> 

    </section> 





figure { 
    background-color: rgb(70, 76, 222); 
    color: white; 
    width: 150px; 
    border-radius: 15px; 
    position: absolute; 
    z-index: 1; 
    clip: rect(auto, 20px, 20px, auto); 
} 

figure:hover { 
    clip: none; 
    z-index: 2; 

} 

figure figcaption { 
    font-size: 12px; 
    margin: 10px; 
} 

所以懸停不會禁用剪輯效果,並讓圖像變得沒有剪切,它沒有任何意義。

回答

0
figure:hover { 
    clip: none; 
    z-index: 2; 

} 

默認應該是剪輯:汽車相信:

figure:hover { 
    clip: auto; 
    z-index: 2; 

} 
+0

謝謝你,工作 –

+0

樂意提供幫助!您可能也想標記接受的答案,以幫助其他人到達這裏,並得到相同的問題:) – delinear

相關問題