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

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

这在IE工作。

来源

2011-08-25 codecompleting

号

所有你能做的就是定义一个background-image URL但在很多方面，从一个适当的<img>不同。

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

来源

2011-08-25 19:33:13

我有一个为图标，并希望将硬编码的图像url /文件名移动到css中。 – codecompleting

如果您事先知道图片的尺寸，可以使用@ BalusC的解决方案。如果你不这样做，你不能。 –

只需使用<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参数到服务器侧其表示其中客户按下了图像映射上的确切位置。这可能不是你在这里感兴趣的。你只需要一个带有背景图像的提交按钮。

来源

2011-08-25 19:34:50 BalusC

当用户点击“输入”时，不会将其更改为键入提交有分歧吗？ – codecompleting

不，它没有。 – BalusC

不，你不能没有更改input的type做到这一点。但是如果你不得不使用图像类型输入，那么我之前使用的是黑客。

将您的input的src设置为1乘1像素的透明PNG文件，然后使用background-image通过CSS设置图像。

来源

2011-08-25 19:37:50 Mohsen

什么你问听起来像是“内嵌图像”。这通常不是首选的方法，但显然如果您试图避免缓存该映像，那么它有一些实际用途。

我借下面的代码从下面的链接到举一个例子： 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>

来源

2011-08-25 20:01:30 BobZavala

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

回答

相关问题