ミジンコWEBデザイナーの車窓から

WEBディレクターからミジンコWEBデザイナーに転身。備忘録を兼ねて技術的な事、テンプレートの作成、他雑感。

| ホーム |

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

text-indent:-9999pxが効かない場合の処置

text-indent:-9999px;が効かない場合の対応方法

よく忘れるのでメモ。

ex.)
<div style="text-indent:-9999px;">
この文章の中に<br />が入っていてはいけません。
<br />が入っている場合、表示されてしまいます。
</div>

スポンサーサイト

aタグ以外で擬似クラス:hoverをIEで使いたい

FIREFOXでよければ、aタグ以外にも例えば

.testclass li:hover{
background-color: #F0EFFE;
}

こんな感じで使う事も当然できるのだが、IEはNG。
という事で、そういう場合は結局どうするか、って事でビヘイビア。

http://www.xs4all.nl/~peterned/csshover.htmlでダウンロードというか、ここからソースをコピペして.htcファイルで保存。

導入手順は↓
body { behavior:url("csshover.htc"); }
でも

.testclass { behavior:url("csshover.htc"); }
でも

なんでもお好きなように。

画像やレイヤーを半透明で表示する

http://iswebmag.hp.infoseek.co.jp/sample130.html

半透明の画像を表示するテクニック。
以前に扱った案件(3年位前)の時はpngで対応、IE6以前は対応できなかったのを別のテクニックでどうにかした記憶があるのだけど、これだと比較的スマートに対応できそう。

CSSエラー 名前に数字を入れるとFIREFOXだと反映されない

CSSにて

名前をつける時に、数字から始まる名前をつけるとFIREFOXで反映されないバグ。
IEでは通常通りの挙動を起こすので、名前のつけ方に注意すること。


-------------------------------------------------
※コメントやお問い合わせありがとうございます。
多忙の為返信できませんが、一応見ています。
折を見て、再開しようと思ってます。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。