てきとうなさいと べぇたばん

IEでも見た目を同じように見せられるようにした

TOP > てきとうにこらむ > なんとなく > IEでも見た目を同じように見せられるようにした

IE9でもborder-imageが効きました。本当はデフォルトで効いて欲しかったなぁ…

実はですね。

このサイト、囲いなんかに普通にCSS3のborder-imageを使ってまして、
Mozilla Firefoxとか、Google Chromeでは囲いが独特な感じになっていたんですが

Internet Explorerでは9でも対応していない

ことが判明しまして、長らくInternet Explorerでは悲しい感じの出来になってしまっていました…

MSDNでの解説、真ん中よりちょい下

仕方が無いので

CSS PIEっていう、Internet ExprolerでもCSS3が使えるものを使用しました。

まぁ、単純に

/css/parts.css

.leftelements,
.primarynav,
.canvasimg,
.profile-table,
.bodybody,
.bodyhead
{
	border-image: url("/image/border.gif") 20 stretch;
	behavior: url("/css/PIE.htc");
}

上記のような感じで。(ほかの部分は端折ってます)
Internet Exproler6と9で確認しましたが、普通に動いているみたいです。
本当に助かりました。ありがとうございます~!

まぁ、めでたしめでたし。

2011/10/10 2:34