小编Cai*_*uke的帖子

嗨,

我想知道是否可以在同一个元素上使用多个掩码,就像这样:

clip-path:polygon(8% 0%, 8% 7%, 14% 12%), polygon(96.4%, 92% 96.4%, 97% 92.3%), polygon(97% 15%, 99% 13%, 99% 0%);

有了这个,我将只能显示元素的某些区域彼此分开.

谢谢.

我试图让每个元素的类自动按顺序一次更改一个.这意味着元素1发光然后随着元素2发光然后熄灭等等而消失.当整个序列重新开始时,每个元素都会闪烁.

$('header div:first').toggleClass('highlight').nextAll().toggleClass('none');

function highlight() {
  var $off = $('header div.highlight').toggleClass('none');

  if ($off.next().length) {
    $off.next().toggleClass('none');
  } else {
    $off.prevAll().last().toggleClass('highlight');
  }
}

$(document).ready(function() {
  setInterval(highlight, 1000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header>
 <div>element 1</div>
 <div>element 2</div>
 <div>element 3</div>
 <div>element 4</div>
</header>

它不会按预期工作(元素2到4同时突出显示所有内容,然后在元素1完全没有变化时关闭)我不知道为什么.我究竟做错了什么？

我想找到一个替代方案:

"transition:background-image 1s whatever"

在Firefox中,因为它只适用于webkit浏览器.

我已经尝试了不透明度替代品,但这对我来说不是一个选项,因为我在背景容器上有内容,如果使用不透明度,它将与背景一起消失.

谢谢.

嗨,

边框宽度不同时边框的简写是什么？

我试过这个:

border:1px solid black, 2px solid black, 3px solid black, 4px solid black;

还有这个:

 border:1px 2px 3px 4px, solid, solid, solid, solid, black, black, black, black;

但它们都不起作用.

谢谢.

我有一个<select>并且希望第一个选项是隐形的,因为移动版本上的文本没有足够的空间而且它无论如何都会被切断,所以我决定让它消失但它不会工作.仅适用于其他选项(在PC浏览器上),但不适用于第一个选项.这是为什么？

这是我已经尝试过的

CSS:

option:first-child {
    color: transparent;
}

HTML:

<select>    
    <option value="">Please select</option> 
    <option value="1">1</option>    
    <option value="2">2</option>    
    <option value="3">3</option>    
</select>

谢谢.

你好，

是否可以仅使用 CSS 来实现这种效果？

如您所见，顶部的图像与内部的文本一起变形，看起来像下面的图像。它可能是一个 div 或一个图像。我一直在研究变换，但对曲线一无所知。

这不是重复的，因为我不是在问如何仅弯曲文本，而是询问 div 容器以及图像。

谢谢你。

如何将剪贴板中的内容粘贴到 Python 窗口中。我按了Ctrl-V，没用。我单击鼠标右键，但没有任何反应。我需要安装什么东西吗？我在 Windows 7 上安装了 Python 2.7.11。

嗨,

list-style-type decimal显示如下列表:

1. apple
2. pear
3. whatever

但我不需要点,所以它看起来像这样:

1 apple
2 pear
3 whatever

可能吗？

谢谢.

下面的代码几乎可以达到目的。如果您打开任何详细信息标签，然后单击其外部的任何位置，它将关闭。但是，当新的详细信息标签打开时，当前打开的详细信息标签不会关闭。

var details = [...document.querySelectorAll('details')];
document.addEventListener('click', function(e) {
  if (!details.some(f => f.contains(e.target))) {
    details.forEach(f => f.removeAttribute('open'));
  }
})

<details>
  <summary>Details 1</summary>
  <p>content</p>
</details>

<details>
  <summary>Details 2</summary>
  <p>content</p>
</details>

<details>
  <summary>Details 3</summary>
  <p>content</p>
</details>

我缺少什么？

谢谢。

我正在尝试绘制一个像样的对角线，linear-gradient但是当容器很小时我不知道该怎么做>我试图获得一个适合 10x10px 容器的对角线，看起来像这样：

这是我最好的尝试。

div {
  background: linear-gradient(50deg, transparent 4px, red 4px, red 5px, transparent 5px) no-repeat 0px 25px / 10px 10px;
  display:block;
  width:100px;
  height:100px;
}

<div></div>

我做错了什么？