html - 如何为多个元素设置一张连续的背景图片

标签 html css

我一直在绞尽脑汁想弄明白这个问题。有没有办法在 css 中为多个元素设置一个背景图像?我有一个正方形的对话泡泡,它是用常规的 css 制作的,三 Angular 形是用边框技术制作的,但我想要一个背景图像来填充它们,这样它看起来就像一起被剪掉了。

除了正方形和长方形,我不知道使用 html/css 设计实体形状的任何其他方法。如果我可以将对话气泡创建为一个实体形状,那么给它一个背景就很简单了哈哈。

我想知道 html5 的绘图功能,但我不确定...

有什么想法吗?

最佳答案

编辑:不,没有选择做你想做的事。但是如果你想做 specch bubbles,你可以检查这些链接中的任何一个:

http://nicolasgallagher.com/pure-css-speech-bubbles/demo/

http://konigi.com/tools/css-tooltips-and-speech-bubbles

http://desandro.com/resources/css-speech-bubble-icon/

关于html - 如何为多个元素设置一张连续的背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8675612/

相关文章:

html - 为什么文本对齐中心标题?

javascript - 跟踪 <iframe> 内的用户点击(Wiki 游戏)

php - 无法删除php中的html实体

html - 使用元素符号图像代替 UL 的浏览器默认元素符号以获得跨浏览器结果是否好?

html - 理解更复杂的后代选择器示例

javascript - 单击链接外部关闭 jquery 下拉菜单

javascript - 图形被切断 : jQuery Image Slider

jquery - 多次根据 url 更改元素 css 而无需重新加载页面(需要 AJAX)

html - 除了有效的 XHTML Strict 自动完成 ="off"属性之外,还有其他选择吗?

html - 父级悬停时子级的不兼容 css 更改