The Lodge is members-only web design and development videos and live help. Log In or Sign Up.
Is it possible to have a speech box with borders, curved corners & opacity?
Would like it working in webkit and IE10.
@seanjacob check out Tooltips! Should do the job.
@zdravo Thanks, but unfortunately this doesn’t work with opacity :(
Of course. Just feed all the colors via rgba
@Eric unless I have misunderstood you it is not as easy as that.
Then perhaps you need to explain further.
Have a first try: speech bubbles with rgba() background-color, yet borders are fully solid (as is the text).
Now works in Firefox, Chrome and IE10.
I have another idea that might be more reliable, or somewhat shorter to do in CSS. It probably requires an extra element though. I wanted to do with as little HTML as possible.
@Merri that works very well, thank you!
I have also managed a similar way – http://codepen.io/seanjacob/pen/IBsqG
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed