Как получилось, что когда-то мыши над иконкой Google, Instagram и Facebook, они потом исчезли.Мышь над проблемой CSS (CSS с непрозрачностью после этого)
Это также происходит в мобильном мобильном меню, где текст исчезает и не возвращается к исходному состоянию цвета.
Сайт hopkinslawokc.com
Привет вы не непрозрачностью, но если навести курсор на значок, чем получил ли он непрозрачности. Если вы дадите li> id, введите непрозрачность. так литий ID = "меню пункт-40 Непрозрачность: 0,35;
// Social Hover
\t jQuery(".social-icon").hover(function(){
\t \t jQuery(this).animate({ opacity: 0.35 }, 150);
\t }, function(){
\t \t jQuery(this).animate({ opacity: 1 }, 150);
\t });
/* this bit of code was found in
http://hopkinslawokc.com/wp-content/themes/goodspace-v1-11/javascript/gdl-scripts.js
*/ul {
list-style: none;
font-size: 36px;
}
ul li {
float: left;
margin-right: 20px;
}<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li class="social-icon">
<i class="fa fa-facebook"></i>
</li>
<li class="social-icon">
<i class="fa fa-twitter"></i>
</li>
<li class="social-icon">
<i class="fa fa-google"></i>
</li>
</ul>Он работает так же, как ожидается, за исключением того, что сказал первый ответ ... если вы хотите, чтобы блеклыми от получить идти, то вам нужно добавить его в CSS.
Я хочу, чтобы он вернулся в исходное состояние цвета, как указано в коде CSS. –
Итак, при загрузке страницы вы хотите, чтобы непрозрачность была 1, а затем, когда кто-то на нее наводится, вы хотите, чтобы она уменьшала непрозрачность настройки до 0,35. Это верно? – orangeh0g
есть. то после того, как они отвиснут, я хочу, чтобы он вернулся к 1 –
это CSS единственное решение.
ul {
list-style: none;
font-size: 36px;
}
ul li {
float: left;
margin-right: 20px;
opacity:.35;
transition: all 150ms linear;
}
ul li:hover{opacity:1;}
.fa-facebook{color:blue;}
.fa-twitter{color:#2b2626;}
.fa-google{color:#ff0000;}<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li class="social-icon">
<i class="fa fa-facebook"></i>
</li>
<li class="social-icon">
<i class="fa fa-twitter"></i>
</li>
<li class="social-icon">
<i class="fa fa-google"></i>
</li>
</ul>
Иногда, когда вы сталкиваетесь с такой проблемой, гораздо проще воссоздать навигацию самостоятельно ... как в ручке кода или в каком-то таком месте, таким образом, проще сузить проблему. Из того, что я вижу ... как только вы наведите курсор мыши на LI (элемент списка), непрозрачность на этом LI установлена равной 0,35. Затем, когда вы снова нависаете над ним, LI изменяется на непрозрачность 1. Это встроенные стили, устанавливаемые самим элементом LI html. Конечно, это Javascript делает это изменение, но я не знаю, какой файл javascript это делает. – orangeh0g
Пожалуйста, включите код в сам вопрос .... достаточно, чтобы воспроизвести проблему: http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work -can-i-just-paste-a-link-to-it –