Html 背景图像在<;img>;要素
有人能帮我找到我的问题吗? 我有一个Html 背景图像在<;img>;要素,html,css,Html,Css,有人能帮我找到我的问题吗? 我有一个,将给他一个标签内的背景图像 以下是我的例子: <img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url(\'./images/system/button/close/close.png)\' no-repeat" /> 背景色不适用于..:-(我的示例是一个JavaScrip
,将给他一个
标签内的背景图像
以下是我的例子:
<img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url(\'./images/system/button/close/close.png)\' no-repeat" />
背景色不适用于..:-(我的示例是一个JavaScript字符串,这就是我转义URL的原因
感谢您的帮助:-)您正在摆脱引号,并已转置了第二个引号和括号 在CSS中:
url('foo') /* is technically fine but broken on IE/Mac */
url(foo) /* is fine */
url('foo)' /* is not fine */
url(\'foo\') /* is not fine */
正如Ross在评论中指出的,您的
src
属性缺失。我想,在半透明背景的图像上设置背景图像是可行的,但是如果没有内容图像,就不要使用
元素(并且不要在背景图像
属性中隐藏任何内容图像)。不明白为什么要转义引号
<img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url('./images/system/button/close/close.png') no-repeat" />
这样行吗
你确定这件事吗。在URL中?您甚至不需要引号
background:url(./images/system/button/close/close.png)
如果可以,请使用div
<div style="height:20px; width:20px; padding:9px; background:url(./images/system/button/close/close.png) no-repeat red"></div>
好吧,即使在背景中使用
或div有点奇怪……)
,它正在工作背景色:红色代码>正被背景:
取代
结合你的背景。然后,您可以通过删除背景URL()中的引号和URL中的句点来进一步细化它。如果它是相对于它所在页面的位置,只需删除反斜杠即可
最后,如果您需要一个alt
属性,它的内容将显示出来,因为没有源代码。如果添加alt
为什么要转义引号,请使用透明图像?你确定URL中的前导
吗?除非我非常困惑,否则你为什么不使用它的SRC属性来调整img标记的BG?url中的前导/
只是一个相对路径,我想为什么不使用src属性呢?为什么你需要使用背景图片?你在结束后逃过了引用)^^在阅读了问题和答案后,我突然想到了一个有趣的想法:你被解雇了!请注意,div在默认情况下显示为块图像是内联的。另外值得注意的是,您的背景色不起作用,因为您正在进一步否决它。可以使用背景:红色url(…)
或使用背景图像
。为什么“可以使用div”?如果元素的目的是显示一个图像,因为它是一个JavaScript字符串,那么图像元素肯定更有语义意义。哪个元素适合在标记中使用背景图像?