我有一个使用 XSL 和 CSS 设置样式的 XML 页面 (www.shiningpixel.co.uk/databaseconnect.php)。目前,没有任何显示,我看不出出了什么问题。有任何想法吗?
XSL 页面:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy速 -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<link rel="stylesheet" type="text/css" href="xmlstyle.css"/>
</head>
<body>
<h2>Your traces</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>First name</th>
<th>Last name</th>
<th>Username</th>
</tr>
<xsl:for-each select="Users/Person">
<tr>
<td><xsl:value-of select="Firstname"/></td>
<td><xsl:value-of select="Lastname"/></td>
<td><xsl:value-of select="Username"/></td>
</tr>
</xsl:for-each>
</table>
<table>
<xsl:for-each select="Users/Person">
<tr><td><xsl:value-of select="Firstname"/></td></tr>
<tr><td colspan="9"><hr size="1" width="100%" /></td></tr>
<tr><td><xsl:value-of select="Username"/></td></tr>
</table></br></br>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
CSS 页面: 这是 /xmlstyle.css,与上面的 xml 和 xslt 文件位于同一根文件夹中。
body { background-image:url('bg.png'); }
body {
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 100px;
font-size: 13px;
}
table {
background: #fff;
margin: 0 auto;
width: 600px;
padding: 15px;
text-align: center;
/* border-radius */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
hr
{
border:none;
border-top:1px #CCCCCC solid;
height: 1px;
WIDTH: 80%;
}
<hr>
}