Question

可以使用CSS设置输入图像的src吗？

这必须在IE中使用。

Answer 1

没有

您所能做的只是定义一个background-image网址，但在很多方面与正确的<img>不同。

你为什么需要这个？也许有一种解决方法。

Answer 2

只需使用<input type="submit" class="foo">代替<input type="image" src="foo.png">。

E.g。

<input type="submit" name="save" value="" class="mybutton" />

例如

.mybutton {
    border: 0;
    width: 40px;
    height: 20px;
    background-image: url('foo.png');
}

<input type="image">意味着将某种图像映射作为按钮。提交后，它会向服务器端发送name.x和name.y参数，表示客户端在图像映射上按下的确切位置。这可能不是你的兴趣所在。您只需要一个带有背景图像的提交按钮。

Answer 3

不，如果不更改type的{{1}}，就无法执行此操作。但是如果你必须使用图像类型输入，那么我之前就会使用hack。

将input的{{1}}设置为1 x 1像素的透明PNG文件，然后使用src通过CSS设置图像。

Answer 4

你所问的听起来像'内联图片'。它通常不是一种首选方法，但如果您试图避免缓存该图像，显然它有一些实际用途。

我从以下链接借用以下代码给您举个例子： http://www.websiteoptimization.com/speed/tweak/inline-images/

ul {list-style:none;}
ul > li {
margin:0 0 .1em;
background:url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/) 
top left no-repeat; )
height:14px;
text-indent:1.5em;
}
</style>

你能用CSS设置输入图像的src吗？

4 个答案: