我有一个想要在点击时更改的图像元素.
<img id="btnLeft">
Run Code Online (Sandbox Code Playgroud)
这有效:
#btnLeft:hover {
width:70px;
height:74px;
}
Run Code Online (Sandbox Code Playgroud)
但我需要的是:
#btnLeft:onclick {
width:70px;
height:74px;
}
Run Code Online (Sandbox Code Playgroud)
但是,它显然不起作用.是否有可能onclick在CSS中有行为(即不使用JavaScript)?
这是我想在HTML/CSS中完成的任务:
我有不同高度和宽度的图像,但它们都低于180x235.所以我想做的就是创建一个divwith border和vertical-align: middleall.我已经成功地做到了这一点,但现在我被困在如何正确地将href链接到整个div.
这是我的代码:
<div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;">
<div id="childdivimage" style="position:absolute;top:50%;height:62px;margin-top:-31px;">
<img src="myimage.jpg" height="62" width="180">
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
请注意,为了方便复制粘贴,样式代码是内联的.
我在某处读到了我可以在代码之上添加另一个父div,然后在其中执行href.但是,根据一些研究,它将不是有效的代码.
所以再次总结一下,我需要整个div(#parentdivimage)作为href链接.