如何在HTML的A标签按钮中插入图片?求助(无需CSS)
问题分析与解决方案
错误原因
你用了自定义的image_src属性,这不是HTML标准属性,浏览器无法识别并自动加载该属性指向的图片,所以按钮只显示无内容的占位小黑块。另外也得确认图片路径/pages/img/videomaker/cc_icon.png是否正确,路径错误也会导致图片加载失败,出现占位块。
解决方案
因为不能修改全局CSS,只能在<a>标签内部调整,直接在标签里嵌套<img>元素就能实现带图标的按钮:
<a href="http://localhost:4343/cc_browser?themeId=business" class="button_small"> <img src="/pages/img/videomaker/cc_icon.png" alt="CC Icon" style="width: 20px; height: 20px; vertical-align: middle; border: none;"> </a>
- 把
<img>直接放进<a>标签内,浏览器会正常渲染图片; - 内联
style属性可以微调图片尺寸、对齐方式,不会影响全局样式; - 先验证图片路径是否正确:在浏览器地址栏直接输入图片URL,确认能正常显示图片。
内容的提问来源于stack exchange,提问作者SimplyA_Coder
相关产品推荐
相关产品推荐

