Question

我购买了HTML5单页设计网页模板，但作者没有提供支持。只有一个index.html文件，其中的菜单按钮链接到文件中的页面锚点。此模板具有CSS的全局部分，可在页面底部放置一组z索引图像，以便为模板提供整体主题。当点击菜单按钮时，相应页面的内容（即page_ABOUT，page_SERVICES）从左到右平滑地滑动到位，z索引图像保持不变。它工作得很漂亮。 A LIVE DEMO CAN BE SEEN HERE

我的问题是我需要一个页面锚点是唯一的，因为它底部没有这些图像。如果我为该页面创建一个单独的html文件，效果会被破坏，因为它不像其他人那样滑入到位;它会导致页面刷新。我的问题：是否可以在index.html页面中覆盖一个页面锚点的全局CSS，而无需为该页面创建单独的html文件？

放置这些图像的索引文件中的HTML是：

    <div class="add1"></div>
    <div class="add2"></div>
    <div class="add3"></div>
    <div class="add4"></div>
    <div class="add5"></div>
    <div class="add6"></div>

理想情况下，我希望一个特定的页面锚点不受这些div类的影响。

唯一页面（page_PRODUCTS）包含在这些div标记中：

 <li id="page_PRODUCTS">

                  <div class="slogan"></div>

                  <div class="box">
                  <div class="relative">
                  <div class="scroll">
                  </div></div></div>

样式表的直接链接是HERE

Answer 1

虽然它不会删除页面底部的图像，但这些样式应该使它成为＆＃34; page_PRODUCTS＆＃34;页面在这些图像前滑动

#content{z-index:auto;}
#page_PRODUCTS{z-index:50;}

覆盖单页设计的全局css

1 个答案: