带圆角箭头的CSS语音气泡

文章/答案/技术大牛

发布

2回答

css、css-shapes

我正在尝试在CSS中重新创建以下图像：我已经开始制作方框和箭头(见下图)，现在我唯一的问题是用CSS使箭头的左边缘变成圆形，就像在图像中一样。有什么想法吗？谢谢。

浏览 15提问于2018-02-08得票数 1

回答已采纳

3回答

带箭头的语音气泡

css、css-shapes

我有一个项目需要插入语音气泡/消息框。pointer;<div class="bubble">Speech bubble<div class="triangle"> 命中框(可点击/悬停区域)需要坚持形状的边界(这里的透明边界也是悬停的，使之无效

浏览 11提问于2015-05-18得票数 51

回答已采纳

2回答

如何创建一个自定义WPF控件，就像带有固定角的卡通泡泡一样。

.net、wpf、custom-controls

我需要创建一个矩形泡泡与圆角内文字，就像一个卡通语言泡泡。我需要气泡扩大水平和垂直取决于它所包含的文本的大小。我希望语音箭头和圆角半径保持不变。我可以简单地用一条路径来创建我的气泡，但我不能调整气泡的大小和保持角半径和箭头不变.整条路都会被调整。以下是卡通泡泡的最终版本

浏览 1提问于2008-12-03得票数 21

回答已采纳

3回答

CSS语音气泡悬停改变颜色

html、css

我使用css语音气泡发生器来生成一个语音气泡，但是当我悬停在这个语音气泡上时，这个语音气泡需要改变为白色。然而，突出的小箭头钻头并没有变成白色。代码：<style>{width: 250px;padding: 0px; backgroundvalue=&q

浏览 2提问于2016-07-09得票数 2

回答已采纳

2回答

D3js -椭圆语音气泡

math、d3.js、ellipsis

我最近读了很多关于省略号和贝塞尔曲线的文章，为了能够用d3js绘制一个“语音气泡”：这个气泡必须包含在一个矩形或方形的容器里，像这样：在这些条件下，在方形容器的情况下，气泡可以是椭圆的，也可以是一个几乎完美的圆。我猜我不能使用省略号，因为在这种情况下，绘制演讲气泡</

浏览 1提问于2014-11-28得票数 1

回答已采纳

7回答

如何在CSS中制作带箭头的方框？

css、css-shapes

如何在CSS中制作带箭头的方框？有没有可能通过只有一个元素<p>....

浏览 15提问于2011-08-07得票数 34

回答已采纳

1回答

Div: clip-path后的Css不能正常工作

html、css

我想像这样展示聊天气泡。我使用div来显示气泡，使用CSS类和:after来显示气泡。 fasdfdsf </div> 它仅显示圆角框它不显示右下角箭头。

浏览 1提问于2018-05-13得票数 0

2回答

css样式在其“后”上盘旋时的整个元素

html、css

我有一个按钮/语音泡：代码： <input type="submit" value="GO" id100%; top: 0;</div&g

浏览 1提问于2016-07-16得票数 1

回答已采纳

1回答

Web Essentials 2013未使用的css不起作用

visual-studio-2013、asp.net-mvc-5、web-essentials

我正在使用Visual Studio2013和Web Essentials 2013，当使用浏览器链接时，当同时使用IE11和Chrome31时，它找不到未使用的css。我已经尝试了我能想到的所有方法，但它不会显示未使用的css类。除了这个功能之外，其他的浏览器链接似乎都能正常工作。有没有人知道如何让它工作？

浏览 1提问于2013-12-11得票数 9

1回答

带边框的纯CSS语音气泡

css

所以我正在做一个纯css的演讲气泡，但我希望像这里看到的一样，让边界包围整个演讲气泡。我使用了下面的标记；margin: auto;margin-top: -15px; font-size: 1.

浏览 0提问于2012-01-17得票数 11

回答已采纳

1回答

如何从显示在另一个画布元素的顶部删除一个画布元素

javascript、css、html5-canvas、popup-balloons

这是一个简单的代码，显示如何引入语音气泡：我的画布是一个时间线，可以滚动；上面有历史事件。一旦用户单击事件，就会出现语音气泡。现在我不想发生的是，当客户点击画布时，出现一个语音气泡，然后滚动，语音气泡移动到滚动图像上的一个新位置，但是仍然显示关于前一个位置的信息。为此，我们使用了hideballoon ()，它分配css属性左：-200。然而

浏览 3提问于2013-05-08得票数 0

回答已采纳

1回答

有没有人知道我在哪里可以找到，或者说有人对当你点击地图标记时GMap提供的弹出窗口的样式有一个确切的解释？我已经在其他网站上看到过使用GMap模块，但我无法在我的生活中弄清楚如何自己设计它。我已经做了一些搜索，并找到了infobubble.js，显然是谷歌为帮助设计风格而编写的代码，但我不知道如何将其应用于Drupal或如何使用它。任何帮助都会很感激的，我对这件事了如指掌。顺便说一下，这是Drupal 7，也是GMap模块的最新版本。

浏览 0提问于2013-07-16得票数 1

回答已采纳

2回答

关于如何定位由css创建的语音气泡

html、css

我正在创建一个网页，为我的学生展示一些问答。我在网上搜索，并发现下面的CSS可以用来创建一个带有左或右箭头的语音气泡。</div>logopic.png的宽度约为120 to，所以我的语音气泡移动到160 to左右，出现了一些空白。看起来不错。但是，当我试图用右边的箭头和右边的对数浮动来应用<

浏览 0提问于2019-10-23得票数 1

回答已采纳

3回答

CSS边框

html、css

我有下面的CSS来创建一个蓝色的语音气泡(JS小提琴： ){ display: block; z-index: 0; left: 21px;我想在这个气泡的边缘加上一个1 1px的</

浏览 4提问于2013-11-12得票数 0

回答已采纳

2回答

JSQMessagesViewController，RegularTaillessImage不适用于图像

ios、jsqmessagesviewcontroller

我正在尝试使用JSQMessagesViewController，并且我想从讲话气泡中去掉尾巴，以便它们显示为规则的圆角矩形。我有这个初始设置的代码： } } 这

浏览 3提问于2016-05-03得票数 2

2回答

CSS中的Speech冒泡工具提示-如何移动箭头

html、css、tooltip

嘿，我创造了一个小的语音气泡工具提示，箭头在底部： border-color: #EEEEEE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0display: block; left: 4em; width: 0;任何人都可以告诉我如何制作<div>顶部的箭头

浏览 0提问于2014-02-28得票数 4

回答已采纳

1回答

在Marmalade中绘制“高级”原语

drawing、primitive、marmalade

我一直在寻找在Marmalade SDK中绘制更高级原语的示例。我不确定应该走的是Iw2d还是IwGx。我也看过开罗，这可能是一种选择，尽管它比我需要的要多一点。有人在没有使用精灵/纹理的情况下使用Marmalade SDK和绘图吗？

浏览 2提问于2012-09-05得票数 2

回答已采纳

1回答

WPF语音气泡

wpf、xaml、border

我目前正在创建一个小软件，你可以在其中创建你自己的漫画。我目前正在尝试添加演讲气泡。我所做的是在圆角边框中放置了一个文本框。 Bor

浏览 1提问于2017-05-02得票数 1

1回答

更改柔性盒项的顺序和对齐方式

css、flexbox

我问了一个在CSS中创建语音气泡的问题，并根据这个中屏幕的大小改变了这个气泡的布局。通过使用柔性盒来确定气泡箭头方向和布局，我得到了一些提示。我使用CSS类更改箭头方向，如所示。在下面的脚本中，我使用自然项顺序自动布局气泡。我假设主标签只包含一个图像标签和一个div (用于语音气泡)。如果图像标记位于div前面，我们将图像徽标布局在左侧，然后是右

浏览 2提问于2019-10-24得票数 0

回答已采纳

3回答

创建向下箭头指针

html、css、css-shapes

如何在css中为parent创建向下箭头，使其看起来像一个语音气泡？这就是我试过的。

浏览 4提问于2016-05-27得票数 1

回答已采纳

点击加载更多