为什么图像在 angular 2 中渲染效果不好
发布于2024-12-12 18:11 阅读(642) 评论(0) 点赞(6) 收藏(2)
首先，如果我的英语不太好懂，我很抱歉，英语不是我的母语。好的，我和我的朋友正在用 angular 2/6 制作一个模板，用于贷款模拟器的数据披露同意，当用户对每个同意说“否”时，我们会收到几个通知。这些通知由一个图标（存储在“assets”文件夹中的图像）和一些文本组成，当用户选中标记为“否”的单选按钮时，它们就会出现。问题是，当页面加载时，用户第一次单击“否”时，通知的图像会以错误的宽度显示，然后如果用户选中“是”并返回到“否”，图像就会正常显示；只是显示的第一张图片，选中哪个单选按钮并不重要。有什么想法吗？PS：图像作为 CSS 中的背景放在通知文本之前的跨度上。
解决方案
解决了！没什么神秘的，实际上是新手的错误，我删除了 span，并通过 CSS 将图像放入容器本身（并为文本添加了填充），它起作用了。我无法确切解释为什么在添加带有图标的空 span 时它不起作用。结果是这样的：
HTML：
<div class="aviso">Text content of the warning</div>
样式表：
.aviso{
background-image: path/to/image.jpg;
background-position-x: 2%;
background-position-y: 30%;
padding: 8px 15px 8px 35px;
}
成功了！谢谢！
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/538567/f23127f6c789afd8a24b/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力