この2〜3日、透過pngを大量に使うデザインのコーディングを行っていましたが、その中で困ったのがIE6で透過pngがロールオーバーしてくれないこと。
様々なライブラリを試したけれどもやっぱりロールオーバーしません。ところが唯一ロールオーバーに対応していたのがユンサンが配布しているiepngfix.jsのバージョン1.4。マウスオーバーさせたいオブジェクトとロールオーバー画像を引数にしてhover関数をコールすると言う使い方をします。
僕の場合はjQueryを使うケースが多いので、外部JSに以下のように書き出して使ってます。
$(function()
{
var lo_nav1 = document.getElementById('lo_nav1');
IEPNGFIX.hover(lo_nav1, 'btn_hoge_on.png');
});
ちなみに通常透過pngを使う場合は専用のクラス
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }
のように作っていますが、ロールオーバーさせるオブジェクトにはこのクラスの記述はしません。通常だったら<img src="hoge.gif" class="iepngfix" />みたいな記述をするけれどもロールオーバーさせたい場合は<img src="hoge.gif" id="lo_nav1" />のようにIDの指定だけでオーケーです。クラスを記述してしまうとロールオーバーしたままになるので要注意です。
覚え書き。
■選択範囲 (select)
Modify (選択範囲を変更)
Contract (縮小)
Expand (拡張)
Feather (境界ぼかす)
Read More
以前友人宅にお邪魔した時、子供がトミカのランボルギーニムルシエラゴを気に入っていたので家でも買いました(実は僕が欲しかった)。こんなおもちゃが300円を切るとは...
サスペンションがついてるので横滑りさせても転倒しません。ちなみにKISSのトラックやドラッグカーは当然のごとく横滑りさせると転倒します。
なんだかトミカが気に入ってしまい、ちょくちょく買ってしまいそうです。
トミカオフィシャルサイト
つい先日リリースされたMovable Type 4.2、お盆休みのうちにアップグレードしてしまおうと思い早速アップグレードしておきました。
以前のアプリケーションディレクトリをリネームし、MT4.2をFTPでアップロード。mt-config.cgiとdbを移行し難なく完了。
ついでにSQ-LiteをMySQLに移行しようとsqlitebrowserを使ってSQ-LiteのデータベースをMySQLに書き出してインポート...うーむエラーが出てダメでした。今回はデータベースの移行は諦めました。
さて、昨日になりますが今度はスクリプティング科と言うPHPの授業を含む科の受講生に向けて講演を行ってきました。
スクリプティング科とは言えWebデザイナー志望がほとんどとのことだった。プログラマー目指す人が多いと思っていたのでレジュメを出さなかったのだが、希望者は終わってから言ってくれればプリントしますよと言うと、10人ぐらいの生徒が来てくれた。
実はこの科の先生の評判がすこぶる良くない。どうやらあまりやる気の無い先生らしい。講演の反応では受講生の皆さんは中々のやる気を持っているのに、先生がやる気が無いのは非常に悲しい。
今回は2回の講演で50名程度?の受講生に話をしたのだが一人でも多くの人がWebデザイナーになってくれたらなと思ってます。