鼠标放到划过图片出现悬浮透明边框,别的图片位置不变

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标放到划过图片出现悬浮透明边框,别的图片位置不变相关的知识,希望对你有一定的参考价值。

如上图中 红色区域内,图片是相接的出现的边框是悬浮的
来个大神,贴上完整html代码,或者html+其他语言 代码, 就是放到html文件里面直接就能看到效果的

参考技术A 完整代码:
<!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来实现你要的效果

以上是关于鼠标放到划过图片出现悬浮透明边框,别的图片位置不变的主要内容,如果未能解决你的问题,请参考以下文章

鼠标放到图片上会出现一个亮亮的边框是怎么做出来的,求代码,我个人觉得是否用到jquery了

delphi ListView 如何改鼠标划过时的底图?

易语言鼠标放到图片上显示按钮并能点击,移开后按钮消失

css样式中鼠标划过之后在ie6下会晃动是怎么回事啊

C# winform鼠标移动到窗口给窗口加边框并获得句柄

鼠标悬浮图片一道光闪过