2013-03-09 156 views
0

我正在添加過渡的這樣的網站上的那些: http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/麻煩與HTML/CSS轉換

更具體地說,我試圖做例子#6。我完全按照代碼,但它仍然無法正常工作。這是我的代碼:http://jsfiddle.net/S2Wzj/

我翻遍了,我認爲CSS代碼導致了這個問題。在幾個點,其背景設定爲像

background: #f9f9f9 url(../images/bg.jpg); 

該代碼取方向從tympanus網站,我認爲它可能無法工作,因爲我沒有鏈接的圖像。這裏是我想要的效果:http://tympanus.net/Tutorials/CircleHoverEffects/index6.html

+1

找到所以你的問題是,爲什麼是這個形象,我沒有上傳沒有顯示出來? – 2013-03-09 02:34:05

+0

我的意思是有沒有找到圖像的方法?或者我需要找到與風格相匹配的自己的圖像。 – busterroni 2013-03-09 02:35:35

回答

0

如果圖像沒有顯示出來,那可能是因爲圖像實際上並不在正確的路徑上,因爲它顯示正確,您應該抓住bg.jpg並將其放入一個圖片文件夾從html/css文件夾中的一個目錄上移。所以,你的結構看起來有點像這樣,

root 
    source 
     index.html 
     stylesheet.css 
    images 
     bg.jpg 

這是否回答你的問題?

編輯:誤解了這個問題,圖像在這裏可以http://tympanus.net/Tutorials/CircleHoverEffects/images/bg.jpg

+0

我在哪裏可以找到圖像?這是我的問題,它在網站的本地部分,但我無法找到它的存儲位置。 – busterroni 2013-03-09 02:38:56

+0

http://tympanus.net/Tutorials/CircleHoverEffects/images/bg.jpg 對不起,我誤解了你的問題 – 2013-03-09 02:40:33

+0

哦,哇,非常感謝! Upvote for you;)**編輯**:無所謂對不起,我需要15代表upvote你:( – busterroni 2013-03-09 02:41:37