我可以在960网格系统中使用精灵图像吗？

我可以在960网格系统中使用精灵图像吗？如果是，那么如何管理一个具有网格宽度的特定精灵图像的宽度。有人可以帮助我解决上述问题吗？我可以在960网格系统中使用精灵图像吗？

2012-03-28 Tapas Chandra

你能否认为更具体。也许提供你计划放置精灵的代码的一些例子？从技术上讲，你可以在任何你想要的地方放置一个精灵或任何元素。当你说精灵时，我假设你指的是这个。 http://www.w3schools.com/css/css_image_sprites.asp：请提供更多信息。谢谢。 – 2012-03-28 17:04:10

是的克里斯Hollenbeck，你是对的。实际上我已经开始使用960网格系统，并且不知道如何使用它。所以我问我可以在网格系统中使用精灵图像文件？任何人都可以帮助我如何使用960网格系统？因为我感到困惑，如何在960.css的宽度和我的图像宽度之间进行管理。任何简单的教程或任何简单的过程？ – 2012-03-29 07:11:31

使用960网格的过程相当简单，标记的学习速度相当快。

请尝试以下操作。

<section id="wrap" class="container_12"> 

    <header class="grid_12"> 
     <h1>This is your Header</h1> 
    </header> 

    <article class="grid_8"> 
     <h2>This is a content section</h2> 
    </article> 

    <aside class="grid_4"?> 
     <h3> this is a sidebar </h3> 
    </aside> 

    <footer class="grid_12"> 
     <p>this is the footer</p> 
    </footer> 

</section> <!--end wrap container - this container allows you to use the grid classes and creates your main column -->

入住960的CSS，它将使意义上说，网格是你的容器的分割，从而grid_6将是container_12等宽度的一半 - grid_8会三分之二，A和grid_4将是一个第三，显然，grid_12会占用容器的全部宽度。

至于使用精灵，只需在CSS中查找用于包含元素的grid_类的宽度，如果您不使用其中一个类，那么960不会干扰您使用精灵在所有。

来源

2012-08-22 10:08:54 pushplaybang

我可以在960网格系统中使用精灵图像吗？

回答

相关问题