小编its*_*kem的帖子

CSS calc()不起作用

CSS calc()函数中有多少个操作数是否有限制?

这有效:

div {
    left:calc((100%/54)*26);
    left:-webkit-calc((100%/54)*26);
}
Run Code Online (Sandbox Code Playgroud)

这不起作用:

div {
    left:calc(((100%/54)*14)-140px);
    left:-webkit-calc(((100%/54)*14)-140px);
}
Run Code Online (Sandbox Code Playgroud)

当然,后者是我需要的,因为我需要偏移几个像素,但是一旦我尝试这样做,值似乎只是为零.任何见解都表示赞赏!

css css3

16
推荐指数
1
解决办法
3万
查看次数

使用 CSS 计数器跳过项目

我正在使用 CSS 计数器来尝试构建这个有序列表:

X。
Y。
Z。
AA。
BB。
抄送。

到目前为止,我有这个:

X。
Y。
Z。
AA。
AB。
交流电。

在 html 中,我必须跳过 26 个项目才能从 AA 到 BB,而不是从 AA 到 AB。显然,CSS 计数器没有考虑标签中的value="54"属性<li>

任何人都知道一种无需创建另一个<ol>以 BB 开头的方法来处理这个问题?

有一个类似的问题,但答案并不完全存在。 如何自定义有序列表中的数字?

谢谢!- 迈克尔 M。

css

2
推荐指数
1
解决办法
847
查看次数

在<svg>中<use>未在IE中找到最接近的<div>

我有一个像这样的结构:

<div class="linkedItem" data-yt="youtubelink">
  <svg><use></svg>
  <div>youtube link</div>
</div>
Run Code Online (Sandbox Code Playgroud)

在jQuery中,我在包装器上分配了一个click事件<div>:

$("div.linkedItem").on("click",launchYouTube);

function launchYouTube(e){
    var _src = $(e.target).closest(".linkedItem").data("yt"));
};
Run Code Online (Sandbox Code Playgroud)

在事件处理程序中,我_src在Chrome中获得了一个值,但在IE11中它是未定义的.似乎<use>在IE11中不知道它的父亲是什么,因此无法找到最接近的div.linkedItem.

我看到一篇关于svg陷阱的文章,我能想到的最接近的是#4(jQuery抛出错误),但我不认为这是出于某种原因.任何见解都表示赞赏.

jquery internet-explorer svg shadow-dom

2
推荐指数
1
解决办法
677
查看次数

标签 统计

css ×2

css3 ×1

internet-explorer ×1

jquery ×1

shadow-dom ×1

svg ×1