html - 指向 css 文件的链接在 chrome 和 opera 中不起作用,在 firefox 中起作用

标签 html css google-chrome firefox opera

我有以下指向 css 文件的链接

<head>
    <link rel="stylesheet" href="css/stylesheet.css" />
</head>
<body>
    <a href="index.php"><img src="images/logo/logo.png" alt="pokemonroad logo" width="270px" height="135px" /></a>
    <img src="images/banner.png"  class="banner"/>
</body>

它工作正常,但现在无法在所有浏览器中看到 css/stylesheet.css。

最佳答案

使用 Chrome 开发工具(右键单击并选择“检查元素”)在 Sources 选项卡中查找样式表。如果您没有看到它,请转到 Chrome 开发工具中的网络标签并刷新页面。寻找表示文件加载失败的红色文本。

也就是说,如果一切正常,您通常会按照以下方式将样式表添加到您的页面。首先,你应该把 type="text/css" 作为一个属性放在那里。更重要的是,把它放在文档的头部:

<html>
<head>
<link rel="stylesheet" href="css/stylesheet.css" type="text/css"/>
</head>
<body>
    <a href="index.php"><img src="images/logo/logo.png" alt="pokemonroad logo" width="270px" height="135px" /></a>
    <img src="images/banner.png"  class="banner"/>
</body>
</html>

关于html - 指向 css 文件的链接在 chrome 和 opera 中不起作用,在 firefox 中起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23452675/

相关文章:

javascript - 提示下载位置而不是直接下载

css - 具有负 z-index 的绝对定位 HTML5 视频元素会破坏 webkit 浏览器中的背景附件

google-chrome - 通过脚本在 Chrome 上设置默认搜索提供程序

html - 显示 :inline doesn't work work with border

javascript - 使用 jQuery 在 SELECT 中选择一个 OPTION 在 Firefox 中不起作用

javascript - 菜单上的文本重叠( Bootstrap )

javascript - 如何在输入框内定位加载动画?

javascript - 从 EPOS 浏览器发送数据 USB 端口

php - 在 Javascript 之后获取 HTML - 服务器应用程序

仅适用于 Opera Mini 的 CSS hack