HTML/CSS 转换的问题

Question

我正在努力添加类似于此网站上的过渡： http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/

更具体地说，我正在尝试执行示例 #6。我已经完全按照代码进行了操作，但它仍然无法正常工作。这是我的代码：http://jsfiddle.net/S2Wzj/

我查看了一下，我认为是 CSS 代码导致了问题。在某些情况下，它的背景设置为类似

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

此代码取自 tympanus 网站，我认为它可能不起作用，因为我没有链接图像。这是我想要的效果：http://tympanus.net/Tutorials/CircleHoverEffects/index6.html

Answer 1

如果图像只是没有显示，那可能是因为图像实际上不在正确的路径中，为了让它正确显示，你应该抓取 bg.jpg 并将其放在图像文件夹 上一个目录中 来自 html/css 文件夹。所以，你的结构看起来有点像这样，

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

这能回答你的问题吗？

编辑：误解了问题，图片可以在这里找到http://tympanus.net/Tutorials/CircleHoverEffects/images/bg.jpg