2016-07-19 28 views
-1

私は画像をサーバーにアップロードしました。画像アドレスはhttp://localhost:8080/wordpress/wp-content/uploads/2016/07/radio.pngCSSで背景画像が正常に動作しない

であり、私はこのCSSを使用しています

input[type=radio]:not(old) + label:after{ 
content: ''; 
position: absolute; 
top: 0; 
left: 23px; 
width: 100%; 
height: 100%; 
z-index: -1; 
background : url('radio.png') no-repeat 0 0; 

}

が、画像はWordPressのページに表示されていません。それは私の単純なHTMLページで動作しているが、それはwordpressで動作していないのですか?何か案が ?

それは、ラジオボタンのJSフィドルに使用されます。https://jsfiddle.net/sjx84jf8/

そのはおそらく絶対URLの(これはなるだろうを使用していない、実際に何が起こっているかを見ることができず、ワードプレス

+0

あなたはwordpressプロジェクトをビルドするあなたのURLを共有できますか? –

+0

@MukeshRamはサーバーにアップロードされていません。私は自分のローカルホストで働いています – Devilism

+0

@MukeshRamこのリンクをチェックしてくださいhttps://s31.postimg.org/ui9ho34qj/zzzzzzzzz.png – Devilism

答えて

1

に、ここではなく、作業ライブに行くときの問題)。 FileZillaなどのFTPクライアントを使用している場合は、ファイルパスを直接サーバーからクリップボードにコピーして、CSSで使用することができます(ただし絶対URLは使用しないでください)。残りのあなたのワードプレスのウェブサイトは機能していますか?

+0

をチェックしてください。このリンクをチェックしてくださいhttp://s31.postimg.org/ui9ho34qj/zzzzzzzzz.png – Devilism

+0

私はこのアドレスを画像の同じ問題に使用しました。https://s32.postimg.org/nz4jpdwat/radio.png – Devilism

+0

Have _/wordpress/wp-content/uploads/2016/07/radio.png_または_wordpress/wp-content/uploads/2016/07/radio.png_を使用してみましたか?また、おそらくあなたのcssの短縮形で_0_の代わりに_center_を使用してみてください。 'background:transparent url(...)no-repeat center center/cover' –

関連する問題