我对网页设计很陌生，所以这对我来说是一个令人困惑的问题。我正在我的内容左侧创建一个浮动的社交媒体共享按钮，该按钮与博客内容一起滚动。以下是我使用的代码：

<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缓存，以确保这不是问题所在。我不知道这个问题是什么，因为一周前它还在工作，我真的没有改变与此代码相关的任何东西。

如果我能提供更多信息，请告诉我。谢谢