CSS background image hacks – Nicolas Gallagher
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers. Demos: Example CSS background image hacks Pseudo-element hacks can fill some gaps in existing browser support for CSS features, without resorting to presentat
CSS3での背景指定方法のまとめ
CSSであれこれやっていたら、まず間違いなく使うであろう背景関連のプロパティ。 CSS3ではこれまでより多くの指定ができるようになります。 それらの新しいプロパティや値はいったいどういうものなのか、調べてみました。 主に参考にしたのは以下の2つです。 CSS Backgrounds and Borders Module Level 3現在の仕様です。CSS 背景 & ボーダー モジュール Level 32011年2月15日版の仕様の日本語訳です。プロパティと値の説明はこちらを参考にしました。背景のレイヤー背景は複数のレイヤーを持つことができ、レイヤーの数はbackground-imageに指定されたカンマ区切りの値の数によって決められます。noneの指定も一つのレイヤーを生成します。 背景レイヤーの重なり方ですが、初めに指定したものから手前に来ますので、注意してください。 例として、下のr
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
hover時の背景画像ちらつきに対処する - Archiva
Make a note of it: Web tech, montaineering, and so on. ナビゲーション等で画像を切り替えたい場合、CSSを用いて a:hover の背景画像をずらしたり消したりして実現する方法が良く取られます。この時、Internet Exploler 6 において背景画像のちらつき（砂時計のアイコン表示）や動作の遅延が発生する（ローカルでは確認しにくいので、注意）。サンプルは以下。 »IE6 background flickr この問題はIE6固有の問題であり、他のモダンブラウザやIE5等では発現しない。背景画像のキャッシュに関わる問題。hover時のbackgroundに変更を加えると再読込が起こるようです。したがって転送速度やファイルサイズによって程度が変わる。ブラウザの設定によっても回避できるみたいですが、Web屋としてそこはスルーしたい。解決
satzansatz -- CSS: background images lost on multi line inline links in IE6
The tiling and positioning of the background-image on inline elements is undefined in this specification (CSS 2.1). Description IE6, IE7: IE shows no background images at left top when the link wraps. Size the window horizontally to see. Lorem Ipsum Dolor Sit Amet metus sed rutrum dignissim, leo dui sollicitudin sapien, sit amet sagittis est metus ut erat. Maecenas sollicitudin. Lorem Ipsum Dolor
IE対策：改行される可能性のあるインライン要素に背景画像を指定しない。 | 我流天性 がらくた屋
痛い目にあったので忘れない内にメモ。 改行されるインライン要素に、背景画像で右側に指定しない。 IEでは一行目にしか背景画像が表示されない background-position で right bottom を指定すると表示されなくなる zoom:1 を入れても文字の終わりには正しく表示されない サンプルHTMLはこちら サンプルHTMLに詳しく書いていますが、IE6でのスクリーンショットをいくつか。 （IE7でも再現します） [background-position:right center ]と真ん中右寄せした場合 zoom:1; を指定した場合 妥協解決策：インライン要素(ここでは<a>)の最後に<span>を入れた場合 空spanを使うのであまり気持ちよくない解決方法。 もし良い方法があったら教えてくださいませ。 参考サイト）インライン要素のrepeat-x背景画像が1行目にしか
Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy)
Mike asks the CSS Guy about a scrolling trick with background images Mike writes: Check this out: http://econsultancy.com/reports.Scroll up/down... whaaaaat? :) How was this done? Answer: fixed background images. Let's look at some examples. Images For the basic effect, start with two same sized images, with a slight difference. For my example, I chose this color image and made second version of i
エリックが言った「I don't know.」の件について[謎] | securecat's exblog
Web Directions Eastのワークショップに参加したコジカたん[誰]に感想などを聞きましたが、とりわけエリック（敬称略）が言った「I don't know.」の件について[謎]。 このように、マージンが設定されているBODY要素がある場合、ブラウザの枠とBODY要素の間に見えているのはHTML要素です（上図では白い部分）。この場合において、body { background-color: #FDD; } などと、BODY要素に背景色を設定すると、、、 このようになります。BODY要素の範囲を超えて、HTML要素にまで背景色が及びます。 さて、なぜHTML要素に背景色を指定していないのに、あたかもそうしたかのようになるのか？ これについて、エリックは「I don't know.」と言ったそうです。「理由はわからん。なんだか知らないけどとにかくそうなる」と。 しかしそれでは納得がい
![エリックが言った「I don't know.」の件について[謎] | securecat's exblog](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b2056201cac5689f7c39b1312a960a182e639a0/height=288;version=1;width=512/https%3A%2F%2Fpds.exblog.jp%2Fpds%2F1%2F200811%2F10%2F04%2Fd0036104_22391542.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Leaverou | Latest Social Media Marketing Trends
seo-engineer.info
http://adipalaz.awardspace.com/linksbg-en.html