回答
号
所有你能做的就是定义一个background-image
URL但在很多方面,从一个适当的<img>
不同。
为什么需要这个?也许有一个解决方法。
只需使用<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
参数到服务器侧其表示其中客户按下了图像映射上的确切位置。这可能不是你在这里感兴趣的。你只需要一个带有背景图像的提交按钮。
当用户点击“输入”时,不会将其更改为键入提交有分歧吗? – codecompleting
不,它没有。 – BalusC
不,你不能没有更改input
的type
做到这一点。但是如果你不得不使用图像类型输入,那么我之前使用的是黑客。
将您的input
的src
设置为1乘1像素的透明PNG文件,然后使用background-image
通过CSS设置图像。
什么你问听起来像是“内嵌图像”。这通常不是首选的方法,但显然如果您试图避免缓存该映像,那么它有一些实际用途。
我借下面的代码从下面的链接到举一个例子: 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>
- 1. 你可以设置背景图像CSS的背景颜色吗?
- 2. 可以设置iFrame的src图像的宽度吗?
- 3. 可以从客户资源中设置图像的src吗?
- 4. 你可以将图像的src改为Javascript中的变量吗?
- 5. CSS可以改变输入元素的SRC属性吗?
- 6. 你可以用输入whiptail sudo吗?
- 7. 使用Wordpress设置图像的SRC get_option
- 8. 在CSS中,你可以用base64编码图像吗?
- 9. 你可以在LESS CSS的mixin中设置一个变量吗?
- 10. 你可以在css中定义<iframe> src属性吗?
- 11. 我可以用css输入标签吗?
- 12. 你可以使用CSS来选择和设置段落内的字符串吗?
- 13. 你可以改变预设的html表单输入值吗?
- 14. 你可以抑制塔科建设中的反馈输入吗?
- 15. 你可以使用带有压缩输入的s3distcp吗?
- 16. 你可以为abspath设置cwd吗?
- 17. jcaroucel选择图像,然后将隐藏输入设置为src
- 18. 你可以使用UIAppearance来设置UINavigationItem的titleview吗?
- 19. 设置图像数据为图像src
- 20. 如何改变图像的src在我的HTML,所以我可以使用CSS
- 21. 你可以使用Ruby创建输入框吗?
- 22. 你可以用CSS来设计破碎的链接吗?
- 23. 你可以使用gzip来压缩你输入到终端的文本吗?
- 24. 设置位图图像的src
- 25. 你可以在龙卷风中使用StaticFileHandler设置cookie吗?
- 26. 你可以设置一个DDB的静态图像控制
- 27. 使用CSS sprites输入图像
- 28. sonarqube的码头图像可以使用env来配置任何设置吗?
- 29. 在CSS中可以使用透明的photoshop图像渲染吗?
- 30. 我可以设置UIView图像来掩盖像在CSS?
我有一个为图标,并希望将硬编码的图像url /文件名移动到css中。 – codecompleting
如果您事先知道图片的尺寸,可以使用@ BalusC的解决方案。如果你不这样做,你不能。 –