jeff
  • 0
Учитель

CSS не применяется

  • 0

Я новичок в веб-дизайне, поэтому для меня это сложная проблема. Я создаю плавающую кнопку «Поделиться в социальных сетях» слева от моего контента, которая прокручивается вместе с контентом блога. Вот код, который я использую:

<div id="floating-menu-blog" style="opacity:0.3;filter:alpha(opacity=30)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.3;this.filters.alpha.opacity=30">

<div class="float-title">
<iframe src="http://platform.twitter.com/widgets/tweet_button.html?url=<?php echo      rawurlencode(get_permalink()) ?>&amp;text=<?php echo  rawurlencode(strip_tags(get_the_title())) ?>&amp;count=vertical" style="width:55px;  height:62px;" frameborder="0" scrolling="no"></iframe>
</div>


<div class="float-title">
<script type="text/javascript">var fbShare = {
url: <?php the_permalink() ?>,
size: 'large',
badge_text: 'fff',
badge_color: '3b5998',
google_analytics: 'true'
}</script>
<script type="text/javascript" src="http://widgets.fbshare.me/files/fbshare.js">      </script>

А вот что у меня в css файле:

/*float social media buttons*/
#floating-menu-blog {background-color:#fff;border:1px solid #ccc;position: fixed; left: 50%; top: 342px; margin-left:-554px; z-index:100;}
#floating-menu .float-title{padding:1px 3px;}
#floating-menu .float-title a{color:#000;text-decoration:none}

Однако на сайте CSS вообще не применяется. Я очистил все кеши и отключил кеш w3total, чтобы убедиться, что проблема не в нем. Я понятия не имею, в чем проблема, поскольку она работала неделю назад, и я действительно ничего не менял в отношении этого кода.

Пожалуйста, дайте мне знать, если я могу предоставить больше информации. Спасибо!

Share
  1. что видит браузер? Вы установили firebug в firefox, чтобы проверить, какие файлы CSS на самом деле загружаются?

    • 0
    • Скриншоты тоже были бы ОЧЕНЬ полезны. Как сказал Mild Fuzz, Firebug — отличное место для начала.

      • 0
    • Кроме того, я бы использовал метапараметр :hover вместо onmouseover/onmouseout.

      • 0
    • Спасибо за помощь. Я понял. По сути, это был плагин, конфликтующий с последней частью моих файлов css. Я ценю помощь. Что касается Джона Блоха, продолжайте и ответьте на мои вопросы, если вы хотите, чтобы скорость приема росла: wordpress.stackexchange.com/questions/8307/… (без ответа), wordpress.stackexchange.com/questions/7296/ … (без ответа), и два моих других вопроса были заданы до того, как была доступна опция «принять ответ». Просто отвечаю на придурок ответом придурка

      • 0
    • @Jeff Поскольку я был одним из первых десятков людей, присоединившихся к проекту ответов WordPress в Зоне 51, и с тех пор был активен, поверьте мне, когда я говорю, что ВСЕГДА была опция «Принять ответ». На самом деле, это одна из немногих вещей, которые вы можете сделать, имея только 1 репутацию. Я просмотрел ваши вопросы и их ответы, прежде чем комментировать, и не сказал бы этого, если бы не видел несколько вопросов, которые должны были быть приняты. Рад видеть, что вы вернулись и приняли те, у которых действительно были хорошие ответы. 🙂

      • 0
  2. Плагин конфликтовал с последними 30 строками моего CSS-файла. Не знаю, что именно вызвало это, но отключил плагин, и все решилось.

    • 0

Оставить ответ

You must login to add an answer.