小编blo*_*ous的帖子

Firefox 4中的CSS透明边框问题?

我正在尝试为工具提示创建一个纯CSS三角形.除了最新的Firefox 4之外,所有浏览器看起来都很好.这是代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<style>
.arrow {
    border:50px solid;
    border-color:#eee transparent transparent transparent;
    display:block;
    height:0;
    width:0;
    top:50%;
    right:50%;
    position:absolute;
}
</style>
</head>
<body>
<div style="border:1px solid #000; height:400px; width:400px; margin:50px auto; position:relative;">
    <span class="arrow"></span>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Firefox 4截图:

Firefox 4截图

其他浏览器截图:

在此输入图像描述

正如你在Firefox 4中看到的那样,它有类似边框的东西.它是一个Firefox bug还是这个行为?

如何在FF4中实现没有可见边框的纯CSS三角形?此外,我需要其他3种颜色是透明的,因为这个三角形将重叠一些元素.

css transparent firefox4

16
推荐指数
2
解决办法
5702
查看次数

jQuery工具替代品?

我正在为我的大多数网站使用jQuery Tools,但它似乎停止了开发.我别无选择,只能寻找与jQuery Tools相当的个人jQuery插件.

我正在寻找有关最佳替代方案的建议:

  1. jQuery Tools 选项卡+ Toolbox.History
  2. jQuery Tools Overlay + Toolbox.Expose
  3. jQuery工具工具提示
  4. jQuery工具验证器

谢谢.

javascript jquery jquery-tools

11
推荐指数
2
解决办法
5113
查看次数

jQuery:显示没有链接的工具提示

是否可以在不建立链接的情况下显示工具提示?

例如,我有以下没有链接的代码:

<ul class="letters" title="This is the title">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

那么当我将鼠标悬停在它上面时,如何显示工具提示" 这是标题 "?

顺便说一下,我不想使用任何工具提示插件.

jquery tooltip

4
推荐指数
1
解决办法
2510
查看次数

标签 统计

jquery ×2

css ×1

firefox4 ×1

javascript ×1

jquery-tools ×1

tooltip ×1

transparent ×1