2015-12-03 53 views
0

我正在做一些实验,以查看嵌入CSS中HTML的潜在优点&。我有本地镜像网站。我尝试使用“style type ='text/css'”标记将外部css嵌入到HTML中。它为少数css文件工作,但对于一些css网页不能像嵌入之前那样完全呈现。我不确定究竟是什么导致了这个问题。嵌入CSS导致网页渲染效果不佳

任何建议/请帮助..图片之前和之后ebedding。 Before embedding

After embedding 问题不是特定于此网站。我看到不同网站的渲染问题。我想知道什么是嵌入与引用外部CSS的区别?

+2

你能显示你的错误或你的HTML页面吗? –

+0

“网页与嵌入前的网页不完全一样”。这不就是CSS的重点吗? – Arg0n

+0

请提供出现问题的* code *示例。这是很难调试你知道的图像 –

回答

2

您面临的问题主要是由于相对路径无效,一旦你嵌入你的CSS。假设图像Evil_Kitty_Of_Darnkess.JPG比css文件高一级。该文件中的规则将能够使用相对路径是这样的:

background-image: url(../Evil_Kitty_Of_Darnkess.JPG); 

一旦你直接在页面中嵌入这些规则,你必须根据该页面所在的新的基本路径参考路径。如果图像不是高一级,它将无法解决它。你会在截图中看到类似的东西:完全没有。

+0

明白了。这是实际的问题。我没有想到这一点,我从风格被覆盖的角度思考。谢谢!! – nnk

+0

不客气。祝你有个好的一天 ;) –