如何在检票口中添加表格背景图像

【问题标题】：How to add table background image in wicket如何在检票口中添加表格背景图像
【发布时间】：2010-06-01 11:59:29
【问题描述】：

谁能告诉我如何在检票口中添加表格背景图片。其实我已经尝试了很多类似的

<table background="images/logo.jpg">

还有

<style>table {background-image: url('images/logo.jpg')}</style>

还有

<table style="background-image: url('images/logo.jpg')">

但没有任何效果。

请帮忙。提前致谢。

【问题讨论】：

这里的 Wicket 没有什么特别之处。这是一个简单的 CSS/HTML 问题。如果需要，您可以使用 AttributeAppender 动态添加 CSS 类（或样式）。
如果 Wicket 没有什么特别之处，那么为什么上面编写的代码不起作用。但在简单的 HTML 中运行良好。

标签： html css url wicket

【解决方案1】：

当您将检票口标记添加到其中时，您可能有什么问题？

Wicket 不应该对标记样式做任何事情，除非您使用 AttributeAppender 或类似的东西。我要做的是将内容分成 CSS、HTML 和 Java 文件：

.logo {
  background-image: url(images/logo.jpg);
}
.logo td, .logo tr {  /* Optional - make sure that table background is seen */
  background-image: none;
}

<table wicket:id="myTable" class="logo">...</table>

或者，您可以在检票口中添加徽标：

WebMarkupContainer myTable = new WebMarkupContainer("myTable");
myTable.add(new AttributeAppender("class", true, 
        new Model<String>("logo"), " "));

您可能还会遇到一些基本的 CSS 问题，如果没有更多的 HTML 标记，很难真正帮助您。但请查看this question 了解一些想法。

就个人而言，我只是将表格包装在 DIV 中，并将背景图像放入 DIV。

【讨论】：