Question

现在，我的许多设计都使用具有绝对定位DIV的切片图形。

<style>
    #Slice-01 {
        position: absolute;
        left:0; top:0;
        width:214px; height:38px;
    }
</style>

<body>
    <div id="Slice-01">
        <img src="/slices/Slice_01.jpg" width="214" height="38" alt="" border="0" />
    </div>
</body>

我见过另一种方法，其中图像是DIV的背景而不是DIV中的对象......

<style>
    #Slice-01 {
        position: absolute;
        left:0; top:0;
        width:214px; height:38px;
        background-image: url(/slices/Slice_01.jpg);
        background-repeat: no-repeat;
    }
</style>

<body>
    <div id="Slice-01"></div>
</body>

我能看到的唯一实际差异是，可以在第一个示例中将图像拖出浏览器窗口，但是当它是背景图像时则不能。

问题：

什么是更普遍接受的方法？为什么？
每种方法的优缺点是什么？

感谢 - 你！

Answer 1

1）对我来说，第二个更具语义性，因此是更好的方法

2）图像方法的优点：

none，

缺点：

拥挤的代码和糟糕的可维护性

CSS的优点：

语义
易于维护

缺点：

无

使用CSS Divs放置的图像切片

1 个答案: