Html CSS外部工作表不工作，但当我使用内联CSS时它工作_Html_Css

Html CSS外部工作表不工作，但当我使用内联CSS时它工作

html css

Html CSS外部工作表不工作，但当我使用内联CSS时它工作,html,css,Html,Css,我有一个很奇怪的问题我写了一个HTML页面，它使用了一个外部CSS样式表。背景图像属性在外部样式表上时不起作用，但在使用内部样式表时起作用。是什么导致了这种情况？我应用的所有CSS属性都正常工作 HTML代码： <!DOCTYPE html> <html lang="en"> <head> <title> Burger and Chips </title> <link rel="styl

我有一个很奇怪的问题

我写了一个HTML页面，它使用了一个外部CSS样式表。背景图像属性在外部样式表上时不起作用，但在使用内部样式表时起作用。是什么导致了这种情况？我应用的所有CSS属性都正常工作

HTML代码：

<!DOCTYPE html>
<html lang="en"> 
    <head>
        <title> Burger and Chips </title>
        <link rel="stylesheet" type="text/css" href="css/style.css"/> <!-- CSS Section-->
        <style type="text/css">
            body{
                background-color:#34b0bf;
                font-family:Tahoma; 
                background-image:url('images/line.png');
                background-position:top;
                background-repeat:repeat-x;
                background-attachment:fixed;
                }
        </style>
    </head>
    <body> <!-- The Content Section-->
        <table class="center">
            <tr>
            <td><img src='images/240px-Wikimedia-logo.png' alt=''/></td>
            <td><h1> Wikimedia Logo </h1>
            <td><img src='images/240px-Wikimedia-logo.png' alt=''/></td>
            </tr>
        </table>
        <h1 class="pgtitle"> Best burgers in Leicester !! </h1>
        <br>
        <br>
        <br>        
        <div class='center' id='container'>
                <div id="menubutton" class="auto-style1">
                    <a class='button' href='page2.html'>Page 2</a>
                    <a class='button' href='page3.html'>Page 3</a>
                </div>
            <img class='left' src='images/inkjet-printer.png' width ='150' height= '150' alt=''>
            <p class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed bibendum ipsum, eu tristique magna. Etiam ac tortor dictum,
                semper libero vel, posuere metus. Proin sit amet urna diam. Vivamus turpis enim, maximus vitae consequat id, mollis eu justo. Interdum et 
                malesuada fames ac ante ipsum primis in faucibus. Donec placerat nisi quis feugiat accumsan. Pellentesque sed purus tempor tellus euismod 
                ultrices. Praesent condimentum erat ante, commodo finibus orci condimentum vitae. Cras vel nisl ullamcorper ligula egestas elementum id nec nibh.
                Nulla quis turpis in purus dignissim tincidunt. Vivamus commodo non eros quis sollicitudin. Sed vestibulum, metus vel fringilla aliquam, tellus 
                libero imperdiet nunc, quis pretium neque lacus volutpat turpis. Proin quis arcu arcu. Vestibulum ante ipsum primis in faucibus orci luctus et 
                ultrices posuere cubilia Curae</p>

        </div>
    </body>
    <!-- Made by Mahamed Ali-->
</html>

图像的url相对于CSS文件，因为该文件位于CSS目录中，您需要更改：

background-image:url('images/line.png');

到

图像的url相对于CSS文件，因为该文件位于CSS目录中，您需要更改：

background-image:url('images/line.png');

到

background-image:url('../images/line.png');