2-7作业题

来源:2-7 作业题

qq_阳阳风华_0

2019-05-27 18:03:16

老师!在做2-7作业题时,我在BootStrap的基础上进行修改,在做导航栏右侧的三个图标的弹出内容时,我用了bs的工具提示插件,我的思路是修改弹出的工具提示栏中的内容和样式。可是,这个工具提示栏应该是booystrapt.js中动态添加的,只有在浏览器中鼠标移入、点击图标时才显示,并且只要在该图标之外的范围点击一下鼠标该提示框就消失,所以想在F12调出来的浏览器调试窗口中都无法选中这个工具提示框,因为选中需要点击鼠标,但一点击它就消失了。这选不到该元素就无法知道该元素使用了哪些类,更别提修改内容了。试了一天都没选中。求老师指点!!!!

http://img.mukewang.com/climg/5cebb5df0001265003280101.jpg

写回答

2回答

好帮手慕慕子

2019-05-28

同学你好, 你的思路是可以的。

可以尝试下面的的方法,先让提示信息都显示出来, 方便同学调样式。

http://img.mukewang.com/climg/5cec96240001ea7807160165.jpg

调整完样式之后, 可以再将参数‘show’删除

如果帮助到了你, 欢迎采纳!

祝学习愉快!!

1
hq_阳阳风华_0
h 好的谢谢老师!我试下。
h019-06-02
共1条回复

樱桃小胖子

2019-05-27

建议同学在引入的bootstrap.css文件中注释掉tooltip的filter: alpha(opacity=0);和opacity: 0;样式,试试是否能够显示:

http://img.mukewang.com/climg/5cebc5140001f2f012260869.jpg

祝学习愉快!

0
hq_阳阳风华_0
h 老师,不行啊,没啥作用。老师您先说下我这个修改工具提示栏内容的思路对么?
h019-05-27
共1条回复

0 学习 · 5012 问题

查看课程