2020-08-31 16:32发布
点击此处---> 群内免费提供SAP练习系统（在群公告中）加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）嗨， 悬停在文本上方时，我试... 显示全部
加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）
嗨，
悬停在文本上方时，我试图获取一个弹出文本框。
我正在使用此网站作为参考： http：//www.scientificpsychic。 com/etc/css-mouseover.html
我已经在CSS文件中实现了dropt类的CSS代码，并将其上传到服务器，并成功地将其选择为报表的自定义CSS。
我将dropt放在CSS样式中的以下代码中，但不起作用。
热点文本
弹出文字
任何人都知道我在做错什么，或者对如何在文本弹出文本框上实现悬停有其他想法吗？
谢谢
安德斯
使用CSS的另一种方法：
一种简单（易于理解/易于使用）的方法，当用户将鼠标悬停在Design Studio组件上时可以显示一些内容，例如自定义文本 通过使用以下类型的CSS代码/逻辑：
将"：hover"与"：after"一起与" content"一起使用。
CSS"：hover"选择器：：hover选择器用于将元素悬停在元素上。
CSS-:: after伪元素：:: after伪元素
CSS" content"属性：content属性与：before和：after伪元素一起使用，可插入生成的内容。
CSS" content"属性： p>
因此，您可以在元素之后插入一些内容，并以某些css位置对其进行定位，并且仅当用户将鼠标移至（悬停）鼠标 元素。
示例：编辑小提琴-JSFiddle
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','http://www.easysap.com/data/attach/logo/logo.png', '推荐 奄奄一息的小鱼 的问题《将鼠标悬停在文本弹出文本框上》','https://www.easysap.com/answer/43989/122784.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
使用CSS的另一种方法：
一种简单（易于理解/易于使用）的方法，当用户将鼠标悬停在Design Studio组件上时可以显示一些内容，例如自定义文本 通过使用以下类型的CSS代码/逻辑：
将"：hover"与"：after"一起与" content"一起使用。
CSS"：hover"选择器：：hover选择器用于将元素悬停在元素上。
CSS-:: after伪元素：:: after伪元素
CSS" content"属性：content属性与：before和：after伪元素一起使用，可插入生成的内容。
CSS" content"属性： p>
因此，您可以在元素之后插入一些内容，并以某些css位置对其进行定位，并且仅当用户将鼠标移至（悬停）鼠标 元素。
示例：编辑小提琴-JSFiddle
一周热门 更多>