css - 我可以在 960 网格系统中使用 Sprite 图像吗？

Question

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

Answer 1

使用 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 将占据容器的整个宽度。

至于使用 Sprite ，只需在 CSS 中查看您用于包含元素的 grid_ 类的宽度，如果您不使用其中一个类，那么 960 不会干扰您使用 Sprite 完全没有。