鼠标放到划过图片出现悬浮透明边框,别的图片位置不变
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标放到划过图片出现悬浮透明边框,别的图片位置不变相关的知识,希望对你有一定的参考价值。
如上图中 红色区域内,图片是相接的出现的边框是悬浮的
来个大神,贴上完整html代码,或者html+其他语言 代码, 就是放到html文件里面直接就能看到效果的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.box display:block; width:200px; height:200px; float:left; position:relative; z-index:1;
.box:hover box-shadow:0px 0px 0px 10px rgba(255,255,255,0.5); z-index:2;
</style>
</head>
<body style="background-color:#333;">
<div style="width:400px; height:400px; margin:50px auto;">
<a class="box" style="background:#FC6;"></a>
<a class="box" style="background:#06C;"></a>
<a class="box" style="background:#99C;"></a>
<a class="box" style="background:#396;"></a>
</div>
</body>
</html>本回答被提问者和网友采纳
delphi ListView 如何改鼠标划过时的底图?
图1是自带的鼠标划过时的底图图2是别做的效果要如何才能更改呢
参考技术A 我感觉是不是 边框也可以看出成是图片的一部分,一个有边框的图片,一个没有边框的图片,鼠标划过时,切换图片就行了。这是个大概的思路 参考技术B 可以使用控件的MouseMove,MouseDown来实现你要的效果以上是关于鼠标放到划过图片出现悬浮透明边框,别的图片位置不变的主要内容,如果未能解决你的问题,请参考以下文章