decorative banner

Exporting layers as CSS layers


    You can use layers in your artwork to generate CSS layers in the resulting HTML file. A CSS layer is an element that has an absolute position and can overlap with other elements in a Web page. Exporting CSS layers is useful when you plan to create dynamic effects in your Web page.

    The Layers palette in the Save for Web dialog box gives you control over which top-level layers in your artwork are exported as CSS layers, and whether exported layers are visible or hidden.

To set options for exporting CSS layers:

  1. Click the Layers tab in the Save for Web dialog box.
  2. Select Export As CSS Layers.
  3. Choose a layer from the Layer pop-up menu, and set the following options as desired:
    • Visible to create a visible CSS layer in the resulting HTML file.
    • Hidden to create a hidden CSS layer in the resulting HTML file.
    • Do Not Export to not export the layer to the resulting HTML file.