小编Mat*_*man的帖子
如何删除Contact Form 7中的span包装器？
我在WordPress主题中使用Contact Form 7.
它目前正在返回span并且input:
<span class="wpcf7-form-control-wrap name">
<input type="text" name="name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" id="name">
</span>
但我只需要input:
<input type="text" name="name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" id="name">
如何删除span包装？
推荐指数
解决办法
查看次数
播放音频并重新启动它
我想在HTML5音频播放器中重新启动音频文件.我已经定义了一个音频文件和一个play按钮.
<audio id="audio1" src="01.wav"></audio>
<button onClick="play()">Play</button>
当我单击play按钮时,音频文件开始播放,但是当我再次单击该按钮时,音频文件不会停止,并且在它到达文件末尾之前不会再次播放.
function play() {
document.getElementById('audio1').play();
}
是否有一种方法可以让我在单击按钮时重启音频文件,onclick而不是等待歌曲停止？
推荐指数
解决办法
查看次数
为什么Android手机上的EM字体超小？
我正在使用em字体大小.例:
body {
font-size:16px;
}
h1 {
font-size:2em;
}
@media (max-width:860) {
body {
font-size:0.8em;
}
}
出于某种原因,我在Android手机上获得超级小字体.可能是什么导致了这个？我之前没有经历过这个.
截图
推荐指数
解决办法
查看次数
在图像上显示<div>或<span>:悬停
我正在寻找一种方法,当你覆盖那个图像时,它允许一个div或span元素出现在:hover图像上.我可以使用.image:hover ~ .overlay它来做到这一点,但这并不是我正在寻找的.所述div或span元件需要所拍摄的图像的尺寸,因为会有多个尺寸.
例
<img width="200" height="200"/>允许你:hover将divor span元素更改display: none为display: block(不一定需要是一个块).从不可见变为可见的元素必须自动检测图像的大小,并将元素的大小与这些相同的维度(200x200)相匹配.但是,我也<img width="300" height="400"/>可能需要元素匹配大小(300x400).
我也在寻找一种超级简单的方法,让这些元素完美地定位在图像上.
这是我的代码笔,显示我到目前为止所拥有的内容.
推荐指数
解决办法
查看次数
根据输入复选框状态应用CSS规则
我目前正在开发一个使用:checked变量的站点将规则应用于CSS.我有一个复选框输入,当触发时,应完成两件事.它应该做的第一件事是在检查时将div从0到200的高度扩展,并在未选中时将其重新设置为0.我没有触发第一个任务的问题.在选中框时应该完成的第二件事是变换:旋转(45度)div的一个" +",它应该旋转45度成" x "(不是实际的x,而是旋转+ ).
我目前有我的代码设置来显示动画:悬停,但这只是为了说明的目的,这不会在我的最终代码中.所以将鼠标悬停在" +"上以查看我正在尝试使用:checked输入完成的操作.
如果你愿意看看我的代码,并告诉我我做错了什么,我将非常感激!如果您有任何疑问,请告诉我.
注意:理想情况下,我正在寻找一个纯粹的CSS解决方案,而不需要JS.如果这是不可能的,请告诉我.
推荐指数
解决办法
查看次数
如何仅将CSS转换应用于transform属性
我现在有一个transform: rotate(45deg)使用复选框:checked值应用的,我正在寻找一个解决方案,所以CSS转换只适用于转换值.现在我已经设置好了:transition: all 1s ease.我不希望它适用于所有,只是变换.现在它正在应用转换到一个color:我想摆脱的变化.
我觉得应该很容易找到答案,但事实证明这比我想象的要困难得多.如果您有任何疑问,请告诉我.谢谢.
这是我的代码笔.有问题的代码是CSS第25-28行.
推荐指数
解决办法
查看次数
如何在页面加载时从 URL 中清除 Hashtag
如果我向某人发送链接http://example.com/#about，我该如何清除页面加载时 URL 中的主题标签和文本http://example.com。
我一直在构建利用 CSS:target属性的灯箱。我希望这样，如果有人发送或单击带有附加到 URL 的主题标签和文本的链接，页面基本上会忽略它或在加载时从 URL 中清除它。
我认为这将是一个非常常见的问题，答案很简单，但在我的研究中没有遇到任何问题。我愿意接受包含 JavaScript 和 jQuery 的答案。
推荐指数
解决办法
查看次数
如何在Safari中将HTML元素打印为页面？
以下代码应导致每个代码div作为单独的页面打印.每个div被设置为width和height的100%.此HTML页面在除Safari 5.6.1之外的所有浏览器中打印为三页.如何在Safari中修复它？
请将以下代码复制到新文件并进行测试:
<html>
<head>
<style>
html,
body {
height: auto;
margin: 0;
padding: 0;
}
input {
border: 2px solid red;
}
</style>
</head>
<body>
<div style="background-color:red; position: relative; width:100%;height:100%;">
<input type="text" style="width:5%; height:1.2%; border:1px solid; position:absolute; top: 1.2%;left:1.2%">
<input type="text" style="width:5%; height:1.2%; border:1px solid; position:absolute; top: 6.4%;left:1.3%">
<input type="text" style="width:5%; height:1.2%; border:1px solid; position:absolute; top: 10.4%;left:1.3%">
</div>
<div style="background-color:green; position: relative; width:100%;height:100%;">
<input type="text" style="width:5%; height:1.2%; …推荐指数
解决办法
查看次数
使用某个类单击链接时更改正文的CSS属性
我有一堆灯箱,它们都有相同的类,但是单独的ID.单击时:
<a class="lightbox" href="#lightbox_one">
我想Javascript功能来添加overflow: hidden;到#page_wrap.我希望这适用于<a>那个类的所有那个.lightbox然后当灯箱关闭使用<a href="#close">我希望CSS属性恢复到原始状态(overflow: scroll;).
这是我的代码.
推荐指数
解决办法
查看次数