2013-03-09 117 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