Question

我从数据库中获取一些数据到列表中，然后我想在表中显示它们。我的jsp代码如下：

<table id = "main-table">
    <%
        DBConnector connector = new DBConnector();
        ArrayList<Book> list = new ArrayList<Book>();
        list = connector.GetData("0");
        int row = (int)Math.ceil(list.size()/5);
        int col = 5;

        for(int i = 0; i< row; i++){
    %>  
        <tr>
            <%
                for(int j = 0; j< col; j++){
            %>
                <td>
                    <form action = "BookDetail" method="get">
                        <input type ="submit" class = "thumbnailimg" name="<%=list.get(i*5+j).getName()%>"
                        style="background-image:url('<%= list.get(i*5+j).getImg()%>')"/>
                    </form>
                </td>
            <%
                }
            %>
        </tr>   
    <%
        }
    %>

我为每个输入设置背景，并附带图片链接。但是当我测试时，我的表显示默认样式的输入并且没有图片背景。

谢谢。

Answer 1

我修好了：D

<form action="BookDetail" method="get">
      <input type ="submit" class = "thumbnailimg" name="<%= list.get(i*5+j).getName()%>"
       style=" background-image: url('<%= list.get(i*5+j).getImg() %>'); width: 146px; height: 226px;"/>
</form>

好吧，我在css文件中设置.thumbnail的宽度和高度，但它不起作用。在.css文件中：

.thumbnailimg{
border: 0;
color:transparent;
background-color:transparent;
cursor: pointer; 
cursor: hand;
outline:none;
}

好吧，我在css文件中设置.thumbnail的宽度和高度属性，但它不起作用。

JSP：为输入类型添加背景图像=＆＃34;提交＆＃34;

1 个答案: