小编e66*_*666的帖子

SVG溢出在chrome中可见但在元素后面

我正在尝试overflow: visible在SVG上使用该属性.

它显示得很好,但是有一个问题:当我尝试将事件放在SVG之外的元素上时,它不起作用.这就像svg元素落后于其他元素.我试过玩,z-index但它不起作用.我更愿意不使用该viewBox答案溢出:在SVG上可见.

这是代码:

HTML

<p>Blabla</p>

<svg width="100" height='100'>
    <circle id='c1' cx='10px' cy='-10px' r='5' onclick='alert("c1")'></circle>
    <circle id='c2' cx='10px' cy='10px' r='5' onclick='alert("c2")'></circle>
</svg>
Run Code Online (Sandbox Code Playgroud)

CSS

svg {
    overflow: visible;
}

circle {
    fill: black;
}

circle:hover {
    fill: red;
}
Run Code Online (Sandbox Code Playgroud)

这是jsfiddle

当我点击溢出SVG的第一个圆圈时,它没有显示警报.但对于那个,它在SVG内部是有效的.

问题似乎只出现在Chrome中.在Firefox和IE上,它正在运行.

html javascript css svg

5
推荐指数
1
解决办法
613
查看次数

需要在JavaScript中生成素数

我正在编写一个JavaScript来生成从2到100的素数.但它不起作用,无法弄明白.

你能帮我吗?

var array = new Array(100);

for (var i=2 ; i<=array.length-1; i++) {
    if((i%2===0) || (i%3===0))
        continue;
    document.writeln(i+",");
}
Run Code Online (Sandbox Code Playgroud)

我修改了我的答案,但现在它没有打印2和3; 我怎样才能包括2&3 ...结果是:

5, 7, 11, 13, 17, 19, 23, 25, 29, 31, 35, 37, 41, 43, 47, 49, 53, 55, 59, 61, 65, 67, 71, 73, 77, 79, 83, 85, 89, 91, 95, 97

javascript jscript

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

标签 统计

javascript ×2

css ×1

html ×1

jscript ×1

svg ×1