当前位置: 首页 > 面试题库 >

使用css的attr()写一个类似a标签title的提示框

宋涵忍
2023-03-14
本文向大家介绍使用css的attr()写一个类似a标签title的提示框相关面试题,主要包含被问及使用css的attr()写一个类似a标签title的提示框时的应答技巧和注意事项,需要的朋友参考一下
   .box{
       position:relative;
   }
   .box:hover{
       content: attr(data-title);    
       display: inline-block;
       padding: 10px 14px;
       border: 1px solid #ddd;
       border-radius: 5px;
       position: absolute;
       top: -50px;
       left: -10px;
   }
 类似资料:
  • 问题内容: 目的是使产品名称出现在缩略图的工具提示中。浏览器不会根据“ ng-title”或“ ng-attr-title”创建工具提示。 我们正在使用AngularJS 1.0.7版。您可以在任何属性前面加上“ ng-”或“ ng- attr”,Angular会进行相应的绑定。但是,它似乎没有“绑定”到HTML“ A”标签的标题上。 例如 1。 码: 预期结果: 实际结果:工具提示中出现不必要的

  • 问题内容: 我一直在寻找使用CSS编写的类似Google Chrome的标签,但是找不到。 我正在尝试复制外观,以便在Web应用程序或网站中使用它。 问题答案: 是的,用css3 艾夫(Ive)发表了一篇关于如何对其进行深入研究的博客,可悲的是,除非您使用图像,否则诺努斯将无法继续工作 编辑: 删除了对redeyeoperations的旧引用,现在导致其链接服务器场。这是一个较轻的版本,它在第三方

  • 我希望能够添加一个名为的类,它将覆盖类中的默认背景。 谢了!

  • 问题内容: 我正在尝试将ReactJS与JSX结合使用,以创建样式指南的概念证明。 我希望能够显示如何调用执行此操作的组件的原始html 。JSX忽略了我的 这就是我试图到目前为止显示HTML代码的HTML 我很惊讶地看到它渲染。 问题答案: 如果希望将该代码用作文字块,则需要使用JSX安全字符,因此,要么JSX转义所有内容,要么在 可能的地方使用HTML实体,然后仍然需要JSX转义大括号(因为这

  • 问题内容: 我在一些Apple网站上注意到了这些网站.它们具有使用最近发布的WebKit滚动条CSS的自定义滚动条。但是,我根本无法复制它。有什么想法怎么做?我在这里有一个测试站点,但是我得到了默认的滚动条?谢谢 问题答案: 苹果正在使用以下CSS怪物: