html
  • css
  • svg
  • 2012-09-06 35 views 0 likes 
    0

    我無法通過懸停更改SVG路徑上的不透明度。這裏是我的代碼::懸停不起作用於我的svg路徑

    <html> 
    <head><style>path:hover{opactiy:0.5;}</style></head> 
    <body> 
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <path class='slice' id='slice1' d='M200,200 L199,20 A180,180 0 0,1 380,199 z' fill='#000'/> 
    <path class='slice' id='slice2' d='M200,200 L380,199 A180,180 0 0,1 305,345 z' fill='#468966'/> 
    <path class='slice' id='slice3' d='M200,200 L305,345 A180,180 0 0,1 200,380 z' fill='#FFF0A5'/> 
    <path class='slice' id='slice4' d='M200,200 L200,380 A180,180 0 0,1 54,94 z' fill='#FFB03B'/> 
    </svg> 
    </body> 
    </html> 
    

    回答

    3

    opactiy不正確,你想不透明度改爲

    3

    有錯字:

    path:hover{opactiy:0.5;} 
    

    它應該是:

    path:hover{opacity:0.5;} 
    
    +0

    哦,有什麼微小的失誤。謝謝! –

    相關問題