0

Photoshop/Fireworks でのバッチ処理よりも簡単にロールオーバー画像を表示/作成する方法はありますか?

理想的にはCSS or Javascript、マウスを重ねたときに画像の上に半透明の白いレイヤーを作成することで、これを行うことができます。現在、Photoshop で画像を +10% の明るさで処理し、残りはDreamweaverで検索/置換を使用して処理しています。

写真ごとに別々のロールオーバー イメージを作成する必要がなくなると便利です。ありがとう！

4

2 に答える 2

1

css を使用すると、次のようなものを使用できます。

#navigation a { 
  background:url(image.png) no-repeat; 
  filter:alpha(opacity=100); 
  opacity: 1 }
#navigation a:hover { 
  filter:alpha(opacity=80); 
  opacity: 0.8 }

詳細はこちら

于 2011-02-09T13:23:57.040 に答える
0

ロールオーバー用に常に新しい画像を作成する必要がない画像では、CSS を編集して要素の不透明度を下げることができます。

.myElement
{
   background.image: url(path/to/file/image.png);
}

.myElement:hover
{ 
   filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

また、CSS スプライトを調べることでメリットが得られると思います。

  1. CSS トリック スプライト チュートリアル
  2. 離れたリストの CSS スプライト
  3. CSS sprites.com ジェネレーター
于 2011-02-09T13:27:00.503 に答える