CSS3を使った新しい画像置換の方法

テクノロジーカテゴリーの変更を依頼記事元:

kojika17.com

38 usersがブックマークコメント

コメント

5

記事へのコメント5件

注目コメント
新着コメント

nibushibu まぁ、基本的には画像置換は使わないほうが良いということか…

2011/05/18 リンク

hisasann content:url(img/test.jpg);

CSS3

2011/04/01 リンク

monjudoh content:url()

CSS3
CSS

2011/03/29 リンク

glat_design すごくあっさりしてる。webkit+OperaのみだがFirefoxを無理やり対応させればモバイルデバイス系なら使えるか、とのこと

2011/03/28 リンク

kojika17 【また書いた】CSS3を使った新しい画像置換の方法 : Web Design KOJIKA17

2011/03/28 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

CSS3を使った新しい画像置換の方法

CSS3を使った新しい画像置換の方法 2011-03-28 ソースコードはテキストで、見た目は画像に変える画像置... CSS3を使った新しい画像置換の方法 2011-03-28 ソースコードはテキストで、見た目は画像に変える画像置換について、CSSでよく使われる方法はtext-indent 現状の画像置換について 2009年の時点でGoogleはこの方法を推奨していません。最近であれば、@font-faceの使用をGoogleは推奨という記事があります。しかし日本では@font-faceの使用は難しいのが現状です。日本語フォントはサイズが非常に重いです。私も@font-faceを一時期使ってみましたが、重すぎて使い物になりません。そこでCSS3のcontent:url()を使用した方法を発見しました。 contentを使った画像置換 text-indentに比べて、非常に簡単です。ソースコードは以下の通りです。 <style type="text/css"> p.replace {content:

ブックマークしたユーザー

yuhei10032015/04/18
amada7172015/02/14
yorozuna2013/02/20
shingo_jp2013/02/19
youmaydream2013/02/19
nibushibu2011/05/18
mkiiiyy2011/05/10
kuraeqooga2011/04/06
lEDfm4UE2011/04/02
zerihik02011/04/02
hisasann2011/04/01
hokaccha2011/03/31
K-Taro2011/03/30
monjudoh2011/03/29
karakuriko2011/03/29
shimanp2011/03/29
microgravity2011/03/29
bjanws202011/03/29

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx