Javascript 如何创建html工具提示
使用reactjs，我试图在一个圆圈中创建一个问号，当鼠标悬停时，它会给用户提供更多信息，在论坛帖子上，他们正在讨论我的意思。在短语“编辑您的文本框标签并将此html代码插入”的正下方，您将找到我尝试使用的代码。以下是我根据帖子中给出的说明尝试使用的渲染方法：Javascript 如何创建html工具提示,javascript,html,reactjs,Javascript,Html,Reactjs,使用reactjs，我试图在一个圆圈中创建一个问号，当鼠标悬停时，它会给用户提供更多信息，在论坛帖子上，他们正在讨论我的意思。在短语“编辑您的文本框标签并将此html代码插入”的正下方，您将找到我尝试使用的代码。以下是我根据帖子中给出的说明尝试使用的渲染方法： render(){ return (<label <a target="_blank" href="#" title="testing">/>) } render（）{ 返回（） } 这不起作用，我想知道我
render(){
return (<label <a target="_blank" href="#" title="testing">/>)
}
render（）{
返回（）
}
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
class NameForm extends React.Component {
render() {
// return (<div><text>asdf</text></div>) // line 1
return (<label <a target="_blank" href="#" title="testing">/>) // line 2
}
}
ReactDOM.render(
<NameForm />,
document.getElementById('root')
);
</script>
</body>
类NameForm扩展了React.Component{
render（）{
//return（asdf）//第1行
return（）//第2行
}
}
ReactDOM.render(
,
document.getElementById（'root'））
);
问号框也被称为工具提示，或者它只是一种单一类型的工具提示，在这种情况下，工具提示是一种更一般的UI元素类别。据我所知，您需要一种称为工具提示的工具提示。
你可以（应该）使用问号 这里是您需要的所有
CSSHTML。工具提示{
位置：相对位置；
显示：内联块；
边框底部：1px点黑色；
}
.tooltip.tooltiptext{
可见性：隐藏；
宽度：120px；
背景色：#555；
颜色：#fff；
文本对齐：居中；
边界半径：6px；
填充：5px0；
位置：绝对位置；
z指数：1；
底部：125%；
左：50%；
左边距：-60px；
不透明度：0；
过渡：不透明度0.3s；
}
.tooltip.tooltiptext:：之后{
内容：“；
位置：绝对位置；
最高：100%；
左：50%；
左边距：-5px；
边框宽度：5px；
边框样式：实心；
边框颜色：#555透明；
}
.tooltip:悬停.tooltiptext{
能见度：可见；
不透明度：1；
}
.远{
右边距：5px；
颜色：#00F；
填充：7px；
}
工具提示
将鼠标移到下面的图标上：
更多信息
在这里，你会把额外的信息，将显示在鼠标悬停