0

やあみんな、画像にカーソルを合わせて、画像を不透明度0.5の色にフェードする方法を考えているところです。中央揃えのテキストでも。私はそれを行う方法を少し知っていますが、純粋にcssが可能か、jqueryが必要かどうかわかりませんか? これについて助けてくれてありがとう。

4

1 に答える 1

1

このような：

http://jsfiddle.net/YgMLn/4/

<img src="http://i.imgur.com/o7iAFMu.jpg" width="100px" class="test"/>

.test:hover {
    opacity: 0.5;
}

テキストをどこに置きたいですか？

コメントに応じて編集：

次に、画像をコンテナー div でラップする必要があると思います。

<div id="container">
    <img src="image.png"/>
</div>

#container:hover {
    background: yellow;
    opacity: 0.5;
}

画像を中央に配置する場合は、コンテナ div に text-align:center を適用できます。または、中央に配置した画像の上にテキストを重ねる場合は、画像をコンテナ div の背景にすることをお勧めします。あなたが欲しいものを正確に教えてください...できればサンプルを投稿するか、フィドルを作成してください。ありがとう。

コメントに応じて編集します。

これが機能するかどうかを確認してください: http://jsfiddle.net/L8xhA/4/

于 2013-08-31T23:18:13.290 に答える