HTML

jQueryでフォントサイズとかを変えたい時

12pxとかになるので、数字としていじりたい時はいちいち currFontSize = $("div").css("font-size").replace("px",""); $("div").css("font-size",currFontSize * 1.2 + "px"); みたいにpxを一旦消してまた足して、ってしないとだめなんですよね。 これどう…

safariにて、セレクトボックスにborder要素を指定すると矢印が消える

borderで、1px solid以外の明示的な指定をしている場合、 ボタン部分の下向き矢印が消えるみたいです。 海外のフォーラムとかも見てみましたが、解決策はなさそう。 http://csscreator.com/topic/safari-5-dropdown-arrow-not-visible-if-we-defined-border-…

IE6とIE7ではtrのbackground指定がうまく働かない

仕様上は多分trにbackgroundで画像を指定するのはおかしくないはずだけど、IE6,IE7あたりではうまく働かないですね。 例えばAAA BBBというテーブルがあって、AAAとBBBの背景に筆みたいな線を引きたい場合、tr{background:url(line.gif) 100% 100% no-repeat;…

IE6のpng透過対応について

jsでロールオーバーさせてたりするとめんどくさいんだよなあ…どうせなら自分でjQueryとかで書いちゃうか? IE6で透過PNGを手軽に使えるJavascriptライブラリ「DD_belatedPNG」 | CSS-EBLOGこれがいいかも。メモメモ。

これ筋悪すぎないかい

http://ascii.jp/elem/000/000/457/457749/ これ教えて貰って読んだんだけど、ほんとにこれアリかあ? 納得いくのは画像を最適化するとか(但しこれも画質を優先させたい場合もあるし、一概には言えないかも)jsとCSSへのリンクはまとめて書こうとか、ID指定…

memo

IE6の場合、overflow:autoはwidth指定してないと効かないぽい。

画像をマウスオーバーで置換するjs

例えばメニュー画像をマウスオーバーで"画像名-on.gif"に切り替えたい時。 最近はCSSでtext-indent:-9999px;でサイズ指定してbackground-imageも指定、っていうのはあんまりよろしくない(WCAG2.0とか)ようなのですが、imgタグにいちいちonmouseoverとonmou…

submitボタンをCSS+Javascriptでロールオーバー

HTML <input type="submit" class="btn" onmouseover="this.style.backgroundImage='url(images/btn_on.gif)'" onmouseout="this.style.backgroundImage='url(images/btn.gif)'" /> CSS input.btn{ width:100px; height:100px; background:url(images/btn.gif) no-repeat; border:none; cursor:pointer; overflow:hidden; p…

アメブロでx800以上の画像をアップする方法

http://upphoto.ameba.jp/ucs/photo/uploadpop.do?popup=1&backPageNo=2 なんかここっぽい。