朋友的一个网站,有一个背景图片不显示。 看了一下源代码,发现背景图是写在双引号里面的。这个没什么问题,平时也是这么写的。怎么感觉双引号有点多呢。仔细一看,这是个行内样式的方式写的, style的内容也是在双引号之间的,这样就有冲突了。 style="background:url("mypic.jpg")"
,这是个错误的写法。
错误的写法
style="background:url("mypic.jpg")"
这样写实际上成为了 style="background:url(
和 "mypic.jpg")"
,分成了两个部分。修改很简单,把url中的的双引号给去掉就可以。但是还是建议这么写
style='background:url("mypic.jpg")'
style用单引号把他们给包括起来。因为background的url中不一定都是一个图片地址。比如
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns ...后面还有代码省略了...");
中间还有个空格。这个时候,使用双引号就很有必要了。阅读起来的方便。
总的一句话,如果 url 中是一个图片地址,可写可不写。其他的情况好还是用引号,包括一下,看着也整齐。