Question

我在这里尝试做的是在运行XSL样式表时显示我的HTML页面。带有.CSS链接的HTML嵌入在我的XSL中。在这种情况下没有.XML文件。我正在尝试在执行.XSL样式表时输出Bootstrap HTML页面。 HTML看起来像我期望的那样.CSS样式表不起作用。

这是.xsl

    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:dp="http://www.datapower.com/extensions" xmlns:dpconfig="http://www.datapower.com/param/config" extension-element-prefixes="dp" exclude-result-prefixes="dp dpconfig">
<xsl:output method="html"/>
<xsl:template match="/">

                            <html lang="en">
                              <head>
                                <meta charset="utf-8"/>
                                <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
                                <meta name="viewport" content="width=device-width, initial-scale=1"/>
                                <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->


                                   <!-- Bootstrap core CSS -->
                                <link href="bootstrap.min.css" rel="stylesheet"/>
                                <!-- Custom styles for this template -->
                                <link href="starter-template.css" rel="stylesheet"/>


                                <meta name="description" content="Error Page"/>
                                <meta name="author" content="AXA Datapower Team"/>
                                <link rel="icon" href="../../favicon.ico"/>

                                <title>Error Page</title>

                                <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
                                <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
                                <script src="../../assets/js/ie-emulation-modes-warning.js"></script>

                                <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
                                <!--[if lt IE 9]>
                                  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
                                  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
                                <![endif]-->

                              </head>

                              <body>

                               <!-- <nav class="navbar navbar-inverse navbar-fixed-top">
                                  <div class="container">
                                    <div class="navbar-header">
                                      <a class="navbar-brand" href="#">AXA Equitable</a>
                                    </div>
                                  </div>
                                </nav>
                                -->

                                <div class="container">

                                  <div class="starter-template">
                                    <!--<img src="images/warning.png" alt="Error" class="img-rounded">
                                    <img src="images/error-7-xxl.png" alt="Error" class="img-rounded">
                                    <img src="images/exclamation.png" alt="Error" class="img-rounded">-->
                                    <img src="warning-xxl.png" alt="Error" class="img-rounded"/>

                                    <h1>An unexpected error has occurred.</h1>
                                    <p class="lead">Please contact your system administrator for assistance.</p>

                                  </div>

                                </div><!-- /.container -->


                                <!-- Bootstrap core JavaScript
                                ================================================== -->
                                <!-- Placed at the end of the document so the pages load faster -->
                                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
                                <script src="../../dist/js/bootstrap.min.js"></script>
                                <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
                                <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
                              </body>
                            </html>
                </xsl:template>

这些是未处理的.CSS样式表：

    <!-- Bootstrap core CSS -->
                                <link href="bootstrap.min.css" rel="stylesheet"/>
                                <!-- Custom styles for this template -->
                                <link href="starter-template.css" rel="stylesheet"/>

我在IBM DataPower中运行.XSL页面。 HTML显示在浏览器中但没有.CSS样式。这只是因为.CSS没有指向DataPower上的正确位置，还是问题更复杂？

如果有人能在这里帮助我，那就太好了。这是一个简单的错误页面。没什么特别的。

Answer 1

我做了一个内联样式表，它工作正常。我一定不能将正确的路径链接到带有Datapower的.CSS。

在XSL样式表中显示带有.CSS链接的Bootstrap HTML？

1 个答案: