小编Bot*_*jna的帖子

试图创建一个 svg 背景图案，但是：

当我不使用填充时可以，当使用颜色名称时：color: red;可以，但是如果使用十六进制颜色，则不会显示任何内容。

这里是代码：

好的：

background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='10' ><path fill='red' d='M 0,10 H 20 L 10,0 Z' /></svg>")  repeat-x;

不好：

background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='10' ><path fill='#FF0000' d='M 0,10 H 20 L 10,0 Z' /></svg>")  repeat-x;

还可以查看 jsfiddle：

https://jsfiddle.net/vajnabotond/r362xdjn/19/

我只嵌入了谷歌字体中的一种字体。这是嵌入代码：

 <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"> 

但如果我查看网络监视器，则会加载 3 个字体元素，以及 1 个来自 google fonts 的 css。这是我得到的字体列表：

Status  Method  Domain  File    Cause   Type    Transfered  Size

200 GET fonts.googleapis.com    css?family=Open+Sans&display=swap   stylesheet  css 557 B   2.53 KB
200 GET fonts.gstatic.com   mem8YaGs126MiZpBA-UFVZ0b.woff2  font    woff2   14.04 KB    14.04 KB
200 GET fonts.gstatic.com   mem8YaGs126MiZpBA-UFW50bbck.woff2   font    woff2   11.05 KB    11.05 KB
200 GET fonts.gstatic.com   mem8YaGs126MiZpBA-UFWp0bbck.woff2   font    woff2   5.89 KB 5.89 KB

除此之外，我在附加的 css 中有一个完整的字体列表。

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open …

我有一个 2 级下拉菜单，鼠标必须穿过相当狭窄的走廊才能保持菜单打开，如果它偏离轨道，菜单会意外关闭，这令人沮丧。我想让菜单不立即关闭，而是延迟关闭。

这是一个用 css 制作的标准菜单，如下所示：

ul.menu li ul {
    display: none;
}
ul.menu li:hover ul {
    display:block;
}

我需要当不再有悬停状态时，菜单仍然可见至少 0.5 秒。

已经尝试过这个，但它不起作用：

<script>
$( ".menu li" ).mouseout(function() {
    $(".menu li ul").css("display: block");
    $(".menu li ul").css.setTimeout("display: none", 2000);
});
</script>