状況がよくわかんない。背景消すだけなら、displayとか要らないんじゃない?
PCの場合:画像(テキストを画像にしたもの)を表示するスマホの場合:テキストを表示するという表示にしようとしている。スマホの場合はPCで使用した画像を消さなければいけない。PCの場合はスマホ時に表示するテキストを非表示にしないといけない。最近はWEBフォントが普及してるから見出しテキストを画像にすることなんてあまりないけど、ちょっと前はよくあった。ごめん、説明下手かな…。
Re:3 あー、なんとなくわかったけど、下記のような事なら、文字はspanで囲ってdisplay:none; でいいんじゃない?<h1><img ... alt="タイトル">タイトル</h1>↓<h1><img ... alt="タイトル"><span>タイトル</span></h1>コーディングを気にするなら、画像やめてテキストにしたらいいのに。
SVGにしたらええやん
Foundationに、interchangeって機能あるよ。これだけ抽出して使うこともできる。JSで書き換えるけど、ソースコード汚さないしフォールバックもできるから、主さんの要望に近いんじゃないかな、と思う。https://foundation.zurb.com/sites/docs/interchange.html
Re:6 フレームワークありなら、べつにfoundationじゃなくてもいけるでしょ。結局jsだし。
Re:7 「これだけ抽出して使える」って言ってるので、フレームワーク使えとは言ってないよ。むしろこの手の実装するのにinterchange以上に痒いところに手が届くのあるんだったら教えてほしい。ってか、JS使っちゃいけないシバりなの? この話って?
Re:8 縛りが無い話なら、この主フレームワークやJS知らねえって事か?>正直今時だめなのはわかってるんだけど、>あんまりにもあんまりかなと思ってつーか、日本語もむかつくんだよ。
Re:9 なんで君そこまでイライラしてんの?まあ落ち着けよ
わたしもPCとスマホのをどっちも書いて、画面サイズで区切ったdisplay:none;のクラスを置いてます・・・
media queryが使えないということ?
Re:5 問題解決になってない
スマホもPCも幸せやろRe:13
13 件の回答
状況がよくわかんない。
背景消すだけなら、displayとか要らないんじゃない?
PCの場合:画像(テキストを画像にしたもの)を表示する
スマホの場合:テキストを表示する
という表示にしようとしている。
スマホの場合はPCで使用した画像を消さなければいけない。
PCの場合はスマホ時に表示するテキストを非表示にしないといけない。
最近はWEBフォントが普及してるから見出しテキストを画像にすることなんてあまりないけど、ちょっと前はよくあった。
ごめん、説明下手かな…。
Re:3
あー、なんとなくわかったけど、下記のような事なら、文字はspanで囲ってdisplay:none; でいいんじゃない?
<h1><img ... alt="タイトル">タイトル</h1>
↓
<h1><img ... alt="タイトル"><span>タイトル</span></h1>
コーディングを気にするなら、画像やめてテキストにしたらいいのに。
SVGにしたらええやん
Foundationに、interchangeって機能あるよ。これだけ抽出して使うこともできる。
JSで書き換えるけど、ソースコード汚さないしフォールバックもできるから、主さんの要望に近いんじゃないかな、と思う。
https://foundation.zurb.com/sites/docs/interchange.html
Re:6
フレームワークありなら、べつにfoundationじゃなくてもいけるでしょ。
結局jsだし。
Re:7
「これだけ抽出して使える」って言ってるので、フレームワーク使えとは言ってないよ。
むしろこの手の実装するのにinterchange以上に痒いところに手が届くのあるんだったら教えてほしい。
ってか、JS使っちゃいけないシバりなの? この話って?
Re:8
縛りが無い話なら、この主フレームワークやJS知らねえって事か?
>正直今時だめなのはわかってるんだけど、
>あんまりにもあんまりかなと思って
つーか、日本語もむかつくんだよ。
Re:9
なんで君そこまでイライラしてんの?
まあ落ち着けよ
わたしもPCとスマホのをどっちも書いて、
画面サイズで区切ったdisplay:none;のクラスを置いてます・・・
media queryが使えないということ?
Re:5
問題解決になってない
スマホもPCも幸せやろRe:13