This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
痛い目にあったので忘れない内にメモ。 改行されるインライン要素に、背景画像で右側に指定しない。 IEでは一行目にしか背景画像が表示されない background-position で right bottom を指定すると表示されなくなる zoom:1 を入れても文字の終わりには正しく表示されない サンプルHTMLはこちら サンプルHTMLに詳しく書いていますが、IE6でのスクリーンショットをいくつか。 (IE7でも再現します) [background-position:right center ]と真ん中右寄せした場合 zoom:1; を指定した場合 妥協解決策:インライン要素(ここでは<a>)の最後に<span>を入れた場合 空spanを使うのであまり気持ちよくない解決方法。 もし良い方法があったら教えてくださいませ。 参考サイト)インライン要素のrepeat-x背景画像が1行目にしか
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / fadeInとかfadeOutとかanimateでopacityどうするとか、opacity対応していないIE6,7,8でも素敵に動くすんばらしーと思い、できますできますはいできますとか言ってると痛い目に合った。 まずIE6、7、8ではopacityを使わない代わりに、IE独自のfilterプロパティをいじって、透明度のアニメーションを実現している。このため、他のフィルタと併用できない。これが特に問題になるのが、そのままではアルファPNGを使えないIE6。IE6でアルファPNGを使おうとするのなら、フィルタのalphaImageLoaderを使わなければならないが、透明度のアニメーションもfi
JavaScript で要素のクラス属性を操作してスタイルを変更するような場合、IE8 には :before/:after 擬似要素のスタイルが再描画されないというバグがある。 <p> <a href="#" class="selected">One</a> <a href="#">Two</a> <a href="#">Three</a> <a href="#">Four</a> </p> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $('p').each(function () { var $links = $(this).find('a'), i = $links.filter('.selected').eq(0).index(), len =
「いいねボタン」の問題 普段はMacのChromeを使ってるんですが、ブログのデザインを変えたときにSafariやFirefoxで自分のブログを見ると、Facebookのいいねボタンが切れているのに気付きました。 最初はブラウザの互換性の問題かと思ったんですが、よく見るとボタンが「Like」ではなく「いいね!」になっているのが原因でした。 ボタンのピクセル数を測ってみるとLikeの場合は79pxで、いいね!の場合は101pxでした。 ところがHTMLソースを見ると、iframeのwidthが100pxになっています。 <iframe src="http://www.facebook.com/plugins/like.php?href=(省略) style="border:none; overflow:hidden; width:100px; height:21px;" allowTrans
AS3でブラウザ判定をしたかったので、調査メモです。 ActionScriptはクライアントで動作するスクリプトなので、ブラウザ情報を取得できるはず、ということで調べてみました。 結果、どうやらActionScript自体にはブラウザを判定するクラスは用意されていないようです。その代わり、外部APIとやりとりするための「ExternalInterface」というクラスが用意されており、これを利用してJavaScriptの関数を呼び出したり、逆に呼ばれたりといった処理が実現できます。 具体的には、ブラウザを判定するために、JavaScriptの「window.navigator.userAgent」を呼び出します。 var res = ExternalInterface.call("window.navigator.userAgent.toLowerCase"); if (res.index
CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutを変更するプロパティには、「float」「position」「writing-mode」のように実装するレイアウトでその値を指定できないなどの制限があるものもあります。 また、「height="1%"」のように特定の箇所には使用できないものもあります。 ほとんどのレイアウトでは、拡大縮小せず100%の状態でユーザーに利用してもらうことを前提に制作していると思うので、この「zoom」を利用して指定する方法がよいと思います。 CSSのバグに効果のあるhasLayoutの指定方法 *{zoom:1;} 「*」は全てのタグに適応する意味になります。 全てを対象にするのが具合の悪い場合は、個別の箇所に指定してください。 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、 floatに後続するmarginの値
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く