0

このウェブサイトにあるようなトランジションの追加に取り組んでいます: 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 の Web サイトから取得したものですが、画像がリンクされていないため、機能しない可能性があると思います。これが私が望む効果です: http://tympanus.net/Tutorials/CircleHoverEffects/index6.html

4

1 に答える 1

0

画像が表示されない場合は、画像が実際には正しいパスにない可能性があります。適切に表示するには、bg.jpg を取得して、html/css フォルダーの1 つ上のディレクトリにある画像フォルダーに配置する必要があります。 . したがって、構造は次のようになります。

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

それはあなたの質問に答えていますか？

編集：質問を誤解しました。画像はここにありますhttp://tympanus.net/Tutorials/CircleHoverEffects/images/bg.jpg

于 2013-03-09T02:37:54.120 に答える