所以这就是我要做的事情:
我有两个并排的图标,下面有两个隐藏的跨度.当我将鼠标悬停在图标上时,我想要显示相应的跨度.
------------ HTML部分-----------------
<span class="icons"><!--ICONS-->
<li class="oneLI">one</li>
<li class="twoLI">two</li>
</span>
<span class="popups">
<span class="one"></span>
<span class="two"></span>
</span>
-------------- CSS部分--------------
span.popups span.one,span.popups span.two{opacity:0;
span.icons:first-child:hover + span.popups span.one{opacity:1}
span.icons:last-child:hover + span.popups span.two{opacity:1}
现在很明显这不太有效,我怎样才能使用CSS？
我是skel.js框架的新手,我遇到了一些问题.
我从HTML5UP.net(Zerofour主题)下载了一个模板,我已经为我的网站修改了所有模板,但CSS没有在我的无边栏和左侧边栏页面上正确显示.
我有一个包含以下链接(与他们的模板相同):
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800" rel="stylesheet" type="text/css" />
<script src="http://www.**********.com/js/jquery.min.js"></script>
<script src="http://www.**********.com/js/jquery.dropotron.js"></script>
<script src="http://www.**********.com/js/config.js"></script>
<script src="http://www.**********.com/js/skel.min.js"></script>
<script src="http://www.**********.com/js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="http://www.*********.com/css/skel-noscript.css" />
<link rel="stylesheet" href="http://www.*********.com/css/style.css" />
<link rel="stylesheet" href="http://www.*********.com/css/style-desktop.css" />
</noscript>
如果我绕过noscript,网页就会出现,但会丢失所有移动和可流动的功能.
任何想法将不胜感激!
插件:如果我将页面移动到根目录并更新链接,那么CSS可以工作,但在他们的子目录中只有基本布局有效.
<?php
define(currentDIR,'../');
include (currentDIR.'includes/_functions.php');
?>
<html>
<head>
<?php include(currentDIR.'includes/_metalinks.php'); ?> //This is where the code above is stored
</head>