1

我已经准备好我的网页模板（用 Photoshop 制作）并设置为上传到服务器；但是，如果用户隐藏/禁用图像，则网站将为空白，因为所有文本都在图像上。

我已经创建了 CSS 布局并想要制作网站的文本版本，但是如何在不让文本与图像重叠的情况下实现这一点？我希望用户仍然可以看到网站的文本版本，以防他们禁用浏览器上的图像。

HTML 代码：

<div id="main_divs_container">
    <div id="left_div"><img src="images/left_div.jpg" width="249" height="622" alt=""></div>
    <div id="index_middle_div"><img src="images/index_middle_div.jpg" width="488" height="622" alt=""></div>
    <div id="right_div"><img src="images/right_div.jpg" width="253" height="622" alt=""></div>
</div>
4

3 回答 3

4

将文本放在alt=标签中。

当图像被阻止时，它应该显示文本。
（这几乎就是 alt 标签的目的，以一种或另一种方式在图像无法访问时表示内容）

但是，如果它包含大量文本，则它不会很漂亮，如果它完全呈现的话。
最好的选择是使用图像（无文本）作为背景，并通过 HTML 在其上添加文本。

于 2012-12-14T08:41:41.600 回答
0

您必须创建一个 html 版本的网站。在 Photoshop 中，我们创建模板仅供参考或客户评论（仅用于视觉目的。）。这不是最终的输出。

于 2012-12-14T08:47:05.437 回答
0

您可以使用 CSS 图像替换 ( http://css-tricks.com/css-image-replacement/ ) 在 HTML 中同时包含文本和图像（文本不可见）。

比你必须编写 CSS 样式，一种会显示图像并隐藏文本，第二种会做相反的事情。

接下来只需使用 JS 应用正确的样式来检测用户是否阻止了图像:)

于 2013-01-27T11:43:27.267 回答