cuốn sách gpt4 ai đã làm

hover - 边界半径和 :hover state area issue

In lại Tác giả: Walker 123 更新时间:2023-11-28 13:18:32 29 4
mua khóa gpt4 Nike

我到处寻找这个问题的答案,但我找不到任何相关信息。谁能告诉我我们是否可以影响接收元素悬停边界半径属性的区域。以便在击中真实区域查看元素后发生颜色等变化的效果?不要阻止在 DOM 中作为正方形物理存在?

这是简单的 img。

nhập mô tả hình ảnh ở đây

和一些简单的 fiddle :www.jsfiddle.net/nawAE

câu trả lời hay nhất

好吧,您可以使用 SVG 和指针事件:

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events?redirectlocale=en-US&redirectslug=CSS%2Fpointer-events

或者只使用 SVG,也许使用像 Raphäel 这样的框架。

或者也许玩玩 map ,让我试试...

http://jsfiddle.net/coma/nawAE/10/

HTML






JS

$('area').hover(function(event) {

$('img.div').toggleClass('hover');

});

妈妈看,没有 JS:

http://jsfiddle.net/coma/nawAE/12/

.div {
hiển thị: khối;
cỡ chữ: 0;
chiều rộng: 400px;
chiều cao: 400px;
màu nền: đỏ;
bán kính đường viền: 50%;
}

map:hover + img {
màu nền: xanh lam;
}

更多内容:

http://jsfiddle.net/coma/nawAE/16/

关于hover - 边界半径和 :hover state area issue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16612439/

29 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress