###前提・実現したいこと
現在背景画像の上にCSSで黒いオーバーレイをかけております。
これを時間経過とともに徐々に透明にしたいです。
###発生している問題・エラーメッセージ
opcityを0にすると内包するテキストも消えてしまうのでrgbaの透明度を変化させようとしましたがうまくいきません。
###該当のソースコード
HTML
1<div class=overlay_black> 2<p>テキスト</p> 3</div>
CSS
1.overlay_black{ 2 background: rgba(0,0,0,0.9); 3 background-size: cover; 4 position: relative; 5 z-index: 99999; 6 width: inherit; 7 height: inherit; 8}
javascript
1$(function(){ 2 $('.overlay_black').css('opacity', '0.9'); 3 setTimeout(function(){ 4 $('.overlay_black').stop().animate({opacity: '0'}, 3000); 5 },3000); 6});
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/07/09 12:09
退会済みユーザー
2016/07/09 12:17