早速、皆さんのためにコードを投稿します
キーコードは次のとおりです:
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style>
.trans-fadeout{
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;
transition:all 1s linear;
}
.image-fadeout{ position:absolute;opacity:0 }
.hover-fadeout:hover .image-fadeout{ opacity:1 }
</style>
</head>
<body>
<p class="hover-fadeout">
<img src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" class="trans-fadeout image-fadeout" />
<a href="#" _fcksavedurl=""#"" >经过我显示图片</a>
</p>上記は、非表示および表示機能を実装するためにエディターが紹介した CSS コードです。お役に立てば幸いです。ご質問がございましたら、メッセージを残してください。編集者がすぐにご返信いたします。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。
以上が非表示および表示機能を実装する CSS コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
