ウェブ、ショウジン

Category "CSS"

CSSによるimg要素のheight:autoの指定 / IE8対応

2014-5-9
Category
CSS

レスポンシブWebデザインとか(その他の場合でも)でimg要素の実際のサイズ(width, height)をcssで上書きしてデバイスサイズや親要素の大きさに対応させる場合があります。(別にimg要素のwidth, he ...

iPhoneではCSSスプライトの画像はpngでないとダメ

2012-11-22
名称未設定-1
Category
CSS

CSSスプライトはこれまでちょろちょろっとしか使ってこなかったんですが、つい最近ガシガシ使うことがあり、そこで遭遇した不具合について。 ほとんどの画像をひとつにまとめたCSSスプライト用画像が、pngでの書き出しで ...

CSSで高さ制限をした要素においてoverflow:autoやoverflow:scrollが効かない(ように見える?)

2012-9-3
Category
CSS

高さを固定にしたボックス要素で、その高さを超えた場合の扱いを「overflow:auto」とかでCSSで指定するわけですが、先日今まで見たことのない「スクロールバーが表示されない、もしくは表示されたりされなかったりする」 ...

Facebook Like Boxを幅100%にする(レスポンシブWebデザイン対応)

2012-7-4
Category
CSS Facebook

通常、そのままウィジェットを仕込んだだけでは幅は固定。埋め込んだウィジェットのソース内でwidth="100%"にしてもダメ。widthの指定自体をなくしてもダメ。 これをたとえばレスポンシブWebデザインに対応さ ...

サイドメニューとフッターメニューをCSSのposition:fixedで固定する例 *一応「IE6」もいける。

2012-6-20
Category
CSS

サイドメニューとフッターメニューをCSSのposition:fixedを使って固定したデモとそれについてのメモ。 詳しくはデモページおよびそのソースを参照のこと。 固定以外にも、最近よく見る「ある程度スクロー ...

インラインフレーム(iframe)で読み込んだ内容の背景を透過させる

2012-3-26
Category
CSS HTML

iframeで読み込んだ外部ページの背景がIE(6,7,8)では透過ではなく白色になっていて「おろろろ?」となったのを調べて解消したメモ。 ちなみにFirefoxやSafari、Chromeではとくに指定をしなくて ...

画像のロールオーバー(ホバー)時の透明度変化の効果をCSSのみで実装する(IE、Firefox、Chrome、Safari等に対応)

2012-2-29
Category
CSS

ボタン画像のホバー(ロールオーバー)時の効果が透明度の変化だけなら、わざわざその状態の画像を用意しなくてもCSSだけで処理してしまえば楽だよなと今さらながら思ったので、やってみて自分用作業ライブラリに追加。 IE6 ...

jQueryとCSSによるリモートロールオーバー(IE6対応)

2011-10-28
Category
CSS jQuery

jQueryを使ったリモートロールオーバー(異なる場所の画像を変えるとか、出現させるとか)。 サムネール画像が並んでいて、それらにマウスオーバーすると異なる場所にその拡大画像が出現するとか、表示されていたものが変化 ...

IE7におけるz-indexのバグ回避(jQuery使用)

2011-3-23
Category
CSS jQuery

IE7ではz-indexの解釈が違うらしく、他のブラウザ(Fx、IE6や8、Chrome、Safariなど)では問題なかった指定が効かなかったので、これを解消するためにとった手段をメモ。 なんでもIE7においては、 ...

CSSによるリモートロールオーバー

2011-2-28
Category
CSS

サムネイル画像があって、その画像にマウスがのると別の場所にある広い領域でその拡大画像が表示される、とかそういうのをJavaScriptでなく、Flashとかでもなく、CSSで。(リモートロールオーバーというらしい) ...

Categories

Tag Cloud

AdMob Android Apache centos CodeIgniter EC-CUBE facebookアプリ facebookページ feed Firefox Flash google googleanalytics htaccess iPad iPhone JavaScript lamp mobile nginx ogp pear php plugin rollover rss sendmail setting smarty ssh Titanium Mobile Titanium Studio tutorial ubuntu vim VirtualBox vmware vps Windows WordPress xampp youtube さくらインターネット アクセス解析 カスタム投稿