大変面倒なことをしてしまった、のである。
というのが、今日更新したイラストのページ。
題字の、色つきのマルの感じが何だか違うのだ。
この違いは、ページの作り方を変えてしまったことで生じている。
従来は、
こういった背景ファイルを作り、黒丸にちょうどあうように、じっさいに「●」の字を上から置いていた。正直コレは初手の失敗だったと言わざるを得ない。パソコンによって、ブラウザによって、文字の大きさの定義は異なるのだ。IEでうまくいったものが、クロームじゃズレている、と言ったことがあるのである。
仮にピクセル単位で調整をしても、スマートフォンで見る場合も含めてしまうともはや対応のしようがない。世の中にはハックタグという、ブラウザを認識してそれに合わせたタグを引っ張り出してくれる便利なものもあるのだが、それにしたって今後のブラウザバージョンアップや新ブラウザの登場には対応しがたいわけである。
そんなわけで、穴を開けた。実は半年前に思いついていた手でもあったが、最初っから思いついていて欲しかった。
黒丸の中身をぽっかりあけて「透明」扱いにし、この画像を置くスペース自体に色をつけることにした。
べったり色を塗ったそのうえに透明の穴を乗っけるのだから、ズレようがない。
しかしそれはそれで、今までのページの「●」がうまく乗っからない状態になってしまったのだ。
直すのは――メンドくさい。
じわじわやります。
PR