100万回生きたIEバグ | kzhrk's blog
この記事は、CSS昔話 Advent Calendar 2015の記事になります。 100万年もフィックスしないIEバグがありました。 100万回も潰され、100万回も対応されたのです。 立派なシェア率を誇るブラウザでした。 100万人の人がそのブラウザを必要とし、100万人の人がそのブラウザのサポートが切れたときに泣きました。 IEは、1回も泣きませんでした。 とあるマークアップエンジニアは、IE6でposition: absoluteを使わなければなりませんでした。 IE6は絶対配置なんか嫌いでした。floatやhasLayoutをもつ要素やwidth: 100%;でfloatしている要素が大嫌いでした。 そんな要素の間や直前でposition; absolute;を指定した要素を、IE6はいつもどこかに隠してしまいました。 他のブラウザでは同じように絶対配置されるのに、IE6だけ要素
Ajax with FormData is Broken on IE10 / IE11 in Some Conditions – Yu-Cheng Chuang’s Blog
Feb 07, 2014 If you've ever implemenetd sending form with Ajax, then, in some conditions, the request will be corrupted and the server may not be able to parse the request. For example, there is usually an "I Agree to Term of Service" check box at the end of a registration form. I've made a jsbin sample which sends request to RequestBin so you can see the raw request without proxy software. The fo
日報 #75 - IEでfont-size: 62.5%; を使ったremが怪しい件 - 俺の報告
さぁ日報と称して、重箱の隅をつつくような細かい話がはじまるよ！ IEまわりのrem話とかいう世界的にもホットな話がはじまるよ！ ほふく前進ブログを書き連ねる日々に限界を感じないわけないので、 他のエンジニアにも代筆を呼びかけております。 少なくとも僕は楽しみです。 さて前向きな話している場合じゃないですよ。 重箱の隅をつつかないと、話が始まりません。 気になる今日の話題は、 「IEでのrem⇔px計算は小数点が絡むと厄介」 というか、不敗の帝王だと思われていた、 「font-size: 62.5%; では1rem⇔10pxの変換」 は結構怪しい。 IE9で確認しましたが、 htmlのfont-sizeを62.5%にして、1remにしたら10pxというのが世界的常識ですが、どーやらIEではそうでもないようです。 html { font-size: 62.5%; } div { width:
【IE8以下で透過処理】AlphaImageLoaderがうまくいかない場合の理由とポイント。 | teacatcreates: thing
どうも5月病です。 今回は、IE8以下で24bit透過pngを使ってopacity処理、またはjQueryでのfadeIn・fadeOut処理を行う際に、半透明部分がベタでジャギーな背景になってしまう問題の解決方法とその留意点について書きます。 頼むからIE8以下で見ないでくれ！とは言えないこんな世の中 さて、そもそもこの問題について簡単に説明します。 問題が発生する条件ですが、 ・IE8以下で24bit透過pngを使用 ・かつopacity処理、またはjQueryでのfadeIn・fadeOut処理を行う です。 それで起こる問題は ・半透明部分がベタでジャギーな背景になってしまう こんな感じですね、憎たらしい！ これの解決方法は以下3点でしょうか。 IE8以下を切り捨てる 世のマークアップエンジニアの本音はここです。 ホントは僕らリッチな表現出来るんですよ！ …みんなChrome使えば
jQueryを使った要素の回転を手軽に実装出来るおすすめプラグイン8選 | WebChokoTips – ウェブチョコチップス
先日色々と調べてみていいなーと思った回転系のプラグインを紹介していきたいと思います。 ユニークな演出を手軽に実装することができるので、とてもオススメのプラグインです。基本的に無料のものばかりなので気軽に使って見てください！ jQueryRotate.js DEMO 要素を回転させるためのプラグイン。 回転させたい要素にたいして、$(selector).rotate( 45 ); の様に使えます。 試しに動かしてみたらIE8以下では動作しないようでした。 rotate.js DEMO こちらもjQuereyRotate.jsと同じく要素を回転するプラグインです。 こちらはIE8、IE7でも正しく動作しました！ 指定方法もcss()を使った書き方が出来るので、扱い易いかと思います。
CSS rotation cross browser with jquery.animate()
I'm working on creating a cross-browser compatible rotation (ie9+) and I have the following code in a jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)
Post by @geckotang
2015年1月26日時点でのメモです。今後どうなっているかはわかりません。 先週くらい（2015年1月19日頃）からツイートボタンを貼り付けているページをIE8で見ると以下のエラーが出るようになった。
IE9未満でcheckboxをdisplay:noneにしているとlabelをclickしてもチェックされない - chulip.org
inputタグのidとlabelタグのforの値を同じにして関連付けてlabelをクリックした時にもチェックボックスの値が切り替わるようにする。 見た目の調整の都合上チェックボックスは見せたくなかったのでdisplay:noneして、labelのみ表示してたんだけどIE8で動かない。 display:noneするとどうも動かないようで見せたくないだけなら吹っ飛ばせばええんや。というのをStackOverFlowで見つけたのでその対応をした javascript - Clicking on label not checking checkbox if hidden when using IE 7 or 8 - Stack Overflow こういうバッドノウハウ本当に意味がないしどうしようもない。
[CSS3] rgba() 値が使えない IE8 でも背景のみを透過できるクロスブラウザな背景の透過方法
要素の背景のみを透過したい場合は background-color に rgba() で背景色と透明度を指定しますが、いつものことながら IE8 は rgba() の色指定に対応していません…。そこで、IE8 にも対応したクロスブラウザで背景色の透明度を指定する方法をご紹介します。 IE8でも背景のみを透過するサンプルとそのコード 背景に透明度0.4の黒を指定したdivと、全く透明でない黒背景のdivを比較の為におきました。上の div は IE でも背景のみ透過されて表示されます。（CodePen のインラインフレームだと IE8 では正常に表示されないようです…） See the Pen ie8でも背景を透明にする by Saomocari (@Saomocari) on CodePen. このサンプルでは、背景を透明にしたい要素に対し以下のように指定しています。 div{ filte
![[CSS3] rgba() 値が使えない IE8 でも背景のみを透過できるクロスブラウザな背景の透過方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ff39cabb693873fb949710acd04f2d2366f6507/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2014%2F08%2FCSS_icon.png){kind=icon}
VirtualBox内のIEからlocalhostを参照する - みかづきブログ その3
前回紹介した環境 ですが、Mac上にサーバをたてれば、 http:// + MacのIPアドレス + ポート番号こちらでlocalhostにアクセスできます。 IEでの検証がめちゃくちゃ楽になりますね。 MacのIPアドレスは、システム環境設定のネットワークから確認できます。 また、IEはアドレスバーに 0.0.0.0:80 とか打っても自動補完されないので、 http://0.0.0.0:80 的な感じで入力しましょう。 余談ですが、0.0.0.0:80だけ打って、control + enter で補完すると、 http://0.0.0.0:80.com と補完されてしまいます。 参考URL modern.IEをつかってMac内にIE検証環境をつくる - みかづきブログ その3 Mac上にWEBサーバを建てよう。 - みかづきブログ その3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rotate HTML elements by mouse in JavaScript - Propeller.js
Home - JQuerry Rotate
JS Bin
Edit fiddle - JSFiddle - Code Playground
CSS flip code won't work in IE11
mgzl.jp