我的css代碼不工作，因爲我想，它不會顯示圖像

-2

此代碼無法正常工作，我將不得不要求您遠離明顯缺乏適當的網址和電子郵件地址。我試圖讓一張照片與另一張照片切換，只要我將鼠標懸停在上面。此外，我希望它是一個活躍的照片，所以當我點擊它時，我會收到一封電子郵件彈出窗口。我的css代碼不工作，因爲我想，它不會顯示圖像

<!DOCTYPE html> 
    <div> 
     <br/> 
    </div> 
    <html> 
    <head> 
    <style type="text/css"> 
    .imgBox1 
    { 
     width: 333px; 
     height: 416px; 
     background-image: url(DSC_0267-Edit.jpg) no-repeat; 
    } 
    .imgBox1:hover 
    { 
     width: 333px; 
     height: 416px; 
     background-image: url(DSC_0267-Edit-Edit%202.jpg) no-repeat; 
    } 
    </style> 
    </head> 
    <body> 
    <a href="mailto:[email protected]"> 
    <div class="imgBox1"> 
    </div> 
    </a> 
    </body> 
    </html>

來源

2016-11-16 M.ru

SOOOOO，什麼不起作用？ – nicovank

爲什麼你在'html'標籤之前有'div'？ – Turnip

你好，歡迎來到StackOverflow。請花一些時間閱讀幫助頁面，尤其是名爲[「我可以詢問什麼主題？」（http://stackoverflow.com/help/on-topic）和[「我應該問什麼類型的問題避免問？「]（http://stackoverflow.com/help/dont-ask）。更重要的是，請閱讀[Stack Overflow問題清單]（http://meta.stackexchange.com/q/156810/204922）。您可能還想了解[最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 – secelite

更改css以使用background-image中的背景。簽出背景CSS規則documentation on MDN瞭解更多信息。

.imgBox1 { 
 
    width: 333px; 
 
    height: 416px; 
 
    background: url(https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png) no-repeat; 
 
} 
 
.imgBox1:hover { 
 
    width: 333px; 
 
    height: 416px; 
 
    background-image: url(https://s.yimg.com/rz/l/yahoo_en-US_f_p_142x37_2x.png); 
 
}

<a href="mailto:[email protected]"> 
 
    <div class="imgBox1"></div> 
 
</a>

來源

2016-11-16 17:04:55

我的css代碼不工作，因爲我想，它不會顯示圖像

回答

相關問題