のonclickでreturn falseしてるのにIEだけ画面遷移しちゃう - くろまほうさいきょうでんせつ
<a href="/" onclick="return false;">画面遷移してほしくないリンク</a>↑としているのになぜかIEだけしっかり画面遷移する。 そんなばかな！ と思ったら自分がばかだったメモ。 こういうことでした <script type="text/javascript" src="jquery-1.4.4.js"></script> <script type="text/javascript"> $(function(){ $('#link1').click(function(e){ }); $('#link2').click(function(e){ return true; }); }); </script> <a id="link1" href="/" onclick="return false;">何も起こらない</a> <a id="link2" href=
Reactアプリを IE11 で表示すると 「オブジェクトは 'startsWith' プロパティまたはメソッドをサポートしていません。」 が発生する - ＊いしのなかにいる＊
create-react-app で作った ReactアプリをIE11で表示したら画面が真っ白に！ create-react-app で作った Reactアプリ をIE11で表示したら画面が真っ白になりました。 コンソールには以下のエラーが… オブジェクトは 'startsWith' プロパティまたはメソッドをサポートしていません。 Possible Unhandled Promise Rejection (id: 0): TypeError: 未定義または NULL 参照のプロパティ '_currentElement' は取得できません Chromeでしか動作確認をしていなかったのもあれなのですが、開発も終盤にきたタイミングでこれは困る〜。 解決までに半日ほど要してしまったので、次回またハマらないようにメモしておきます。 原因はsetState？？ コンソールと睨めっこしたりデバッグコー
IEだけSVGが表示されない！
症状 imgタグにSVGを使うが、IEだけ表示されない。SafariやChromeなどは問題無し。 原因 IEの場合「width」「height」をSVGファイル内に記述しておかないとダメみたい。 イラレや書き出しソフトの設定によっては省略される場合があるので注意！ 対策 SVGファイルをテキストエディタで開いて「width」「height」を追記する。 <svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 100 100″> ↓ <svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 100 100″ width=”100″ height=”100″> SVGを書き出すときの設定をwidth、heightをありに変更しておくと^^ イラレの設定方法はこちら 追記 CSSでサイズを変更する
IE11 で disabled 属性の select 要素の color (文字色)を変える。 - Qiita
簡易メモ disabled 属性の select 要素は border や background-color と共に指定すると文字色が変わらない！ <select> <option>Normal</option> </select> <select disabled> <option>Disabled</option> </select> select { color: red; border: solid 1px black; background-color: orange; } select:disabled { color: blue; border: 1px solid black; background-color: orange; }
游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】 | 名古屋・東京のホームページ制作会社ならGrowGroup株式会社
こんにちは、ざきやまです！ フォントはデザインの印象を大きく左右するとっても大切な要素なのですが、WEBサイトで表示させる際は使用ブラウザや所持しているフォントなどなど、閲覧環境に左右されるので特に注意する必要があります。 游書体が出る前はWindowsとMacでWEBサイトのfont-familyを使い分ける必要があり、製作者側のMacパソコンではヒラギノでびしっと決まってるのに、Windowsで確認するとメイリオで「なんか違う・・まあ仕方ないか・・」となっていましたね・・。 そしてWindows8.1、OS X Mavericks以降のmacOSに標準搭載されるようになり、やっとfont-familyを統一することができるように！ しかし、游ゴシックをWindowsで表示させるにはいろいろな問題が・・・ 問題というよりは、同じ游ゴシックを使っているつもりでも実はWindowsとMacで
IE11でflexboxの縦幅がおかしい時はflexプロパティの書き方が原因かもしれない
公開2015.08.07 更新2017.12.03 仕事・技術 Windows10が発売されて新ブラウザのEdgeが使えるようになっても、まだまだInternetExplorerの呪縛からは逃れられません；； 今回はフロートを使ったレイアウトではなく今後主流になってくる「フレキシブルボックス」でのレイアウトで発生した問題です。 以下のようなコードがあるとします。 <div id="flexParent"> <header>ヘッダー</header> <main> <div class="flexChild left">左</div> <div class="flexChild right">右</div> </main> <footer>フッター</footer> </div> よくあるカタチで、縦並びにヘッダー、メインコンテンツ（左右に２カラムあるとします）、フッターがあります。 これら
flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
游を font-family で指定した時に IE で生じる謎余白対策 | Thought is free
IE で游ゴシック・游明朝を指定した時に IE で生じる謎の余白 いまだに、IE 11 のシェアが多いので、 この手のバグへの対策は、メンドー臭い。 IE の場合、「メイリオ」以外だと、line-height が効かなくなるバグもある。 単純な話、IE では、font-family の先頭で「メイリオ」フォントを指定しないとダメですね。 （同じ Microsoft でも Edge なら、メイリオ以外でも問題ない） 参考サイト 最近は、Windows と Mac で同じフォントにするため、「游ゴシック」を指定してるサイトもあるが、その場合は、IE だけメイリオにする CSS ハックした方がいいと思う。 例えば、font-family を ↓ このように指定してるなら、 body { font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro
WebPとLazyLoadを使って表示速度を向上させる 東京新宿のホームページ制作会社イッティ
売り上げ・アクセス数を伸ばしたい 月々の管理費を抑えたい リニューアルで失敗したくない 提案やサポートしてほしい ホームページに関することは お気軽にご相談ください
PHPでダウンロードさせるファイル名がIEで文字化けする件 - Qiita
問題はどんな言語で書いても起こることですが、たまたま仕事でPHPつかってたときにぶつかったのでメモしておきます。 結論 HTTPのレスポンスヘッダで Content-Disposition: attachment; filename*=UTF-8''URLエンコードされたファイル名を送ってあげる。 追記 2017/11/02: Edgeでも通用するようです。https://github.com/netcommons/NetCommons2/issues/126 ファイル名が化ける PHPでファイルアップローダをつくっていました。 動作確認はUbuntu 14.04のFirefox30をつかっていましたが、社内ではIE11がデフォ。「一応やっとくか」とIE11で動かしたら、日本語のファイル名が見事に化けました。 またお前か、IE！チキショー Slim Frameworkをつかっているので、こ
IE11でmaxlength属性を設定すると日本語入力が正しく機能しない
Internet Explorer 11でmaxlength属性を設定すると漢字変換前のひらがな入力がmaxlength属性で指定した文字数しか入力できない問題があることがマイクロソフトの公式サイトで報告された。 http://support.microsoft.com/kb/2922126/ja そんな馬鹿なと思い試したところ確かに指定したmaxlengthの値までしか入力できない。maxlength="7"を指定したinputタグを下記に置いたのでIE11で試してみていただきたい。 これから先、IE11のシェアが多くなることを考えるとmaxlength属性の使用は控えたほうが良さそうだ。 どうしてもIE11でも文字入力の最大数を指定しなければならない場合は下記のようにJavaScriptで代用できる。 $(function(){ $("input").on(&quo
【JavaScript】IE9以前でconsole.logを使用しているとハマる - Qiita
##はじめに FirefoxとかChromeなら問題ないがIEだと上手く動作しないとかはよくある話だと思う。その要因の一つであるconsole.log使用時のエラーに、つい最近ハマったのでメモしておく。 ##対処法 そもそもなぜconsole.log使用時にエラーが出るのかといえば、IEがConsoleAPIに対応していないために、window.consoleの時点でundefinedを吐くからである。対処法としては、 // consoleプロパティとlog関数作ってとりあえずエラー回避 if(!window.console) { window.console = { log: function(msg){} }; }
window.showModalDialogは画面をキャッシュしている？ - axt_star's blog
window.showModalDialogを使って、別windowでポップアップさせようとした場合、 Loadがうまく走ったり、走らなかったり謎の現象が起きていました。 原因は、IE8ではwindow.showModalDialogがどうもキャッシュから情報を拾おうとしているため、のようです。（IE8以外は対象外なのでどうなるか調べてません。） 「のようです。」というのはマニュアル等には書いてなくてそうなったというだけなんです。解決策は 1. 起動時に（ランダムに）URL引数を付与してキャッシュされないようにする。 2. 以下のメタタグを記述する。 <meta http-equiv="Expires" content="-1"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Pragma" c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVGをimgで表示した場合にIEだけサイズが変になる現象を直す - Qiita
IEでposition指定の要素がズレる - CSSブログ～ホームページ制作会社 gravity works（グラビティ・ワークス）のCSSについての知識と備忘録
ES6-Promiseってどう読み込めばいい？polyfillの使い方
ie8でのString.trim() | 灰色の夢