前提・実現したいこと
Jqueryを使ってCSS内のバックグラウンドのURLの書換を行いたいと考えております。
main.css(before)
@media only screen and (max-width:1024px) { #top { background:url(../top.png) ; } } @media screen and (max-width:420px) { #top { background:url(../top_sp.png) ; } } ```↓ main.css(after)
@media only screen and (max-width:1024px) {
#top { background:url(../top_c.png) ; }
}
@media screen and (max-width:420px) {
#top { background:url(../top_sp_c.png) ; }
}
PCやSP片方だけだと、単純に以下の形で要素を指定して変更すればよいのですが、
$("#top").css({"background-image":"url("../top_c.png")"});
ブレイクポイント毎に同じ要素(#top)となっており どのようにJqueryで書き換えればよいのか悩んでおります。 こちら方法をご教授頂ければと思います。よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー