Javascript CSS在firefox中不起作用（或HTML显示为简单文本）

这是一个简单的网页，比较了两张照片，并更改了一张未点击的照片。该代码在Chrome浏览器中运行良好，但在Firefox中，HTML显示为简单文本，甚至连链接都不起作用。 代码：-

*{
框大小：边框框；
}
html{
身高：100%；
}
身体{
身高：100%；
边际：0px；
填充：0px；
}
标题{
填充物：5px；
背景色：红色；
颜色：白色；
文本对齐：居中；
字体系列：磁电机；
-网络工具包盒阴影：4px4px7px灰色；
-ms盒阴影：4px4px7px灰色；
-莫兹盒阴影：4px4px7px灰色；
-o形盒阴影：4px4px7px灰色；
盒影：4px4px7px灰色；
}
主要{
利润率：10px；
}
#问题{
字体系列：库珀；
字体大小：125%；
字体大小：正常；
}
#图像容器{
保证金：自动；
文本对齐：居中；
显示：块；
}
.形象{
宽度：20%；
高度：自动；
显示：内联块；
边框：2件纯黑；
填充：3倍；
}
#或{
显示：内联块；
字体系列：arial；
}
#左图{
右边距：10px；
}
#右图{
左边距：10px；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.形象{
宽度：30%；
}
}
旁白{
字体大小：105%；
文本对齐：居中；
保证金：20px 5px 5px 5px；
}

var x=1；
变量y=2；
$（文档）.ready（函数（）{
$（“#leftImage”）。单击（函数（）{
x=x+2；
$（“#rightImage”）.attr（“src”，“D:/staticFbp/boys/”+（x）+“.jpg”）；
如果（x>y）{
var-temp=y；
y=x；
x=温度；
};
});
$（“#rightImage”）。单击（函数（）{
y=y+1；
$（“#leftImage”）.attr（“src”，“D:/staticFbp/boys/”+（y）+“.jpg”）；
如果（x>y）{
var-temp=y；
y=x；
x=温度；
};
如果（y>（x+1））{
x=x+1；
};
});
});
SJSBook
问：谁更好？
或
请放心，因为您的投票将是保密的。

使用相对路径而不是绝对路径：

<link rel="stylesheet" type="text/css" href="staticFbs.css" />

---

您必须将其与您的项目链接起来。将CSS文件放在根文件夹或其他文件夹下的项目中

<link rel="stylesheet" type="text/css" href="../foldername/staticFbs.css" />

您正在CSS文件路径和jQuery中链接到您的D-drive。。当你把它放到网上的时候，它就不起作用了，所以如果你在本地修复它，它很可能也会修复你的Firefox问题。

尽管这条路径看起来确实很有趣，但我看不出它为什么不起作用。除此之外，这不能解释为什么html标记显示为文本。将此应用于图像路径以及html文件扩展名是什么？所有使用的路径都是正确的，因为网页在chrome中正常工作。在firefox CSS中，链接甚至javascript都不起作用。HTML文件扩展名-.HTML@arkaschaUsing relative path实际上解决了这个问题，现在firefox正确显示了它。谢谢你的帮助。检查你的css链接Href路径..在这里工作，你的扩展文件是什么？是html还是其他扩展名（文件夹/服务器不相同：））css链接href是否正确（选中了它，并且它也在chrome中工作）@hemanjoskoHTML文件的扩展名是.html。我仔细检查了一下，每个元素的路径都是正确的@GCyrillus@ChaitanyaBhardwaj我只是在我的机器上执行你的代码，它的工作下载源在这里-只是我没有你正在使用的图像。甚至它在firefox上也可以工作。我在firefox中添加了一个指向网页视图的链接。试着使用Section在我使用相对链接而不是绝对链接之后，它实际上可以工作。