大量に同じ画像を表示したいとき - os0x.blog
画像周りの速度メモ - #生存戦略 、それは - subtechの件。 最終手段として、CSSを使う。 .hatenastar{ display:inline-block; width:11px; height:10px; background:url('http://s.hatena.ne.jp/images/star.gif'); } (function(){ var now = new Date*1; for (var i = 0; i < count; i++) { var span = document.createElement('span'); span.className = 'hatenastar'; container.appendChild(span); } document.title += ' css:' + ((new Date*1) - now); })();
透過PNGの罠の解決法 - to-R
AUSGANG SOFTさんが透過PNGの罠としてAlphaImageLoaderフィルターの問題点を指摘されています。 ブロックレベル要素に対してAlphaImageLoaderフィルターを使用した場合、内包するa要素のハイパーリンクが押せなくなるようです。 目から鱗ですね。 そんな問題点があるのは全く知らなかったです。 解決方法をいろいろ模索してみたのですが、AlphaImageLoaderフィルターを指定している要素内のa要素のposition属性にrelativeを指定すれば解決できます。 ボクが配布しているalphafilter.jsはハイパーリンクに対応済みなのでぜひ使ってみてください。 ついでにimg要素のalign属性にも対応しておきました。 ライセンスもMITライセンスに変更しました。 関連エントリー アルファ画像を扱うalphafilter.jsライブラリ IEとそれ以
PNG ちょっと裏技 (2)
Windows版 IE 5.5以降の CSS 「AlphaImageLoader」で 24BitアルファチャネルPNGを表示する 前回は、SVG ActiveXプラグインを経由する方法でしたが 今回は、基本的にプラグインは不要です。 Internet Expolorer 5.5から DirectX機能が 大幅に強化された事は、Webデザインを勉強されている人は、多分ご存知でしょう。 今から行う方法は、DirectX機能の AlphaImageLoader を使って 24BitアルファチャネルPNGを透過させます。 解説は、まず下の画像を見た後で...。 8Bitグレイ + Alpha-Chanel PNG (IMG) 22.1KB Windows IE だと全く背景に透けていません。 Netscape 6以降や、Moziila、Safari、Mac IE 5では、背景に透けて見えます。 8
Geekなぺーじ：右クリックで保存できない画像、コピペできない文字 (not javascript)
Javascriptなどを使わずに右クリックで保存できない画像の作り方を思いつきました。 もしかしたら、既にwell knowかも知れませんが。。。 あまり実用性はないと思いますが、まあ、ネタの一種だと思ってください。 以下に表示している画像の左半分は右クリックで保存できなくしてあります。 右クリックで画像を保存できないのは、スタイルシート設定で透明な蓋を画像の上に置いているからです。 右クリックは画像に対してではなく、DIVに対して行っている事になっています。 上記サンプルをHTMLをわかりやすく整形したものを以下に示します。 <html> <head> <style> <!-- #myfilter { position:absolute; z-index:2; filter:alpha(opacity=50); -moz-opacity:0.5; width:120px; height
Lucky bag: : blog: 背景画像に使える透過 GIF
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直しってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃんって、Super Stripes を見て目からうろこ状態。早速インスパイヤしてみた！ 使ってみたい GIF 画像をダウンロードして、CSS で背景画像に。あとは、背景色で好みの色を指定するだけ。ちなみに、サンプルでは背景色を #fa0 と指定している。 斜線 oblique-line_1px.gi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3D Thumbnail Hover Effects
Buttonator