首页 > 网站建设 >

网站建设公司浅谈如何使用CSS创建链接提示

发布时间:2019-11-28 作者:网站建设

  网站建设公司浅谈如何使用CSS创建链接提示,链接提示是当鼠标停留在具有title属性的元素上时一些浏览器弹出的黄色小文本框。一些开发人员结合使用JavaScript和CSS创建了样式独特的链接提示。但是,通过使用CSS定位技术,可以创建纯CSS链接提示。
  首先,将a的position属性设置为relative。这样就可以相对于父元素的位置对span的内容进行绝对定位。不希望链接提示在最初就显示出来,所以应该将它的display属性设置为none。
  当鼠标停留在这个锚上时,希望显示span的内容。方法是将span的display属性设置为block,但是只在鼠标停留在这个链接上时这样做。如果现在测试此代码,当鼠标停留在这个链接上时,链接的旁边会出现span文本。
  为了让span的内容出现在锚的右下方,需要将span的position属性设置为absolute,并且将它定位到距离锚顶部lem,距离左边2em。
  这就是这种技术的主体部分。余下的工作是添加一些样式让span看起来像链接提示。可以给span加一些填充、一个边框和背景颜色。深圳网站建设公司本文关于“网站建设公司浅谈如何使用CSS创建链接提示”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
文章标题:网站建设公司浅谈如何使用CSS创建链接提示
本文地址:https://www.198bona.com/news/4833.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯