HTML 交换图像以适合框

标签 html css image dreamweaver swap

我使用的是 Adob​​e Dreamweaver CS5,我向 html 文档中的图像添加了交换行为。基本上,交换属性应该以其原始大小弹出并在鼠标移出时恢复。我面临的问题是交换的图像填满了屏幕。我尝试将 width: px 和 height: px 属性添加到 img src 字符串,但这也不起作用。这是片段:

<div class="caption lft glow2" data-x="600" data-y="615" data-speed="600" data-start="200" data-easing="easeOutExpo"><img src="img/glow.png" onMouseOver="MM_swapImage('Image1','','img/intro-1.jpg',1)"  width="131" height="124" onMouseOut="MM_swapImgRestore()"></div>

这是CSS:

.caption.glow2 {
position: absolute;
padding: 6px 10px;
margin: 0px;
border-width: 0px;
border-style: none;
background: transparent;
opacity: 5;

请帮忙

最佳答案

解决了!我做了一个翻转。谢谢!

关于HTML 交换图像以适合框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14954068/

相关文章:

javascript - 如何根据 javascript 变量选择输入标签的类型属性作为条件?

html - 微数据与 RDFa

html - 如何在 wicket 中启用组件生成的 HTML/CSS

javascript - 如何在导航悬停时在单独的 div 更改中制作图像?

javascript - react 选择选项未正确显示

javascript - 发送表单 POST 时不带参数

html - CSS - Span divs 页面的整个高度

ios - 用户转到主屏幕后,按钮不会更改单击时的图像

javascript - 在requestAnimationFrame中使用clearRect不显示动画

java - 在 GridLayout 布局管理器中动态调整链接到 JLabels 的图像大小