css - 让图像突出页脚

Question

我正在为一个类(class)做一个元素，遇到了一个问题。

可在此处找到该站点:http://ispace.ci.fsu.edu/~seb10/cgs2821/proj10

我现在拥有的是一个 div，我使用 HTML 中的内联样式和一个 div 将其定位在底部。

现在看起来不错，但这当然取决于所使用的浏览器。

我希望该图像始终显示在底部，而不必使用内联样式。本质上，我希望它突出页脚，但不影响或移动任何其他内容。

如果可能的话，执行此操作的流程是什么？

这是 CSS 的链接:http://2011.ispace.ci.fsu.edu/~seb10/cgs2821/proj10/style.css

非常感谢您的提前帮助。

Answer 1

我假设油井塔图像就是要定位的图像。我会创建一个具有透明背景的 .png 文件，然后将其设置为 .container 元素的背景图像。

.png 透明度将允许其他背景图案显示在矢量图像的开放空间(透明)部分。

只要您的页脚元素紧跟在您的容器元素之后，这就可以正常工作。