我搜索了SO和Google,但找不到任何相关信息。有什么方法可以隐藏图像旁边的单选按钮(用作图像的标签),但单击标签时仍保持其功能?
我尝试了几种方法,但是似乎使用display:none或visibility:hidden使无线电功能无效。
我想在悬停其父div时更改div的CSS.
这是我的HTML:
<div id="box1" class="hover-on-div-1">
<img src="images/1.png" alt="" />
<div id="line1"></div>
<div class="text_align"><span>Text here</span>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是CSS:
#box1 {
height: 295px;
width: 220px;
background-color: #86d1f4;
float: left;
margin-left: 30px;
margin-right: 120px;
margin-top: 55px;
color: #0081C5;
}
#box1:hover {
background-color: #494c5b;
color: #BFB6AF;
}
#line1 {
height:1px;
background:#0081C5;
width:126px;
margin-top:67px;
margin-left:40px;
position:absolute;
}
Run Code Online (Sandbox Code Playgroud)
注意:.hover-on-div-1是我用于更改图像的JQuery函数的类,<span>仅用于文本转换,text-align类非常自我解释.
将鼠标悬停在#box1上时如何更改.line1 div?
当我悬停但是没有.line1时,我设法改变#box1 div中的所有内容.做了一些关于SO的搜索,但是因为在JQuery/JavaScript方面我是一个完全的菜鸟,所以它并没有太多帮助.
HTML
<form type="POST" action="includes/login.php">
<input type="email" name="email" placeholder="email" />
<input type="password" name="password" placeholder="parola" />
<input type="submit" value="Login">
</form>
Run Code Online (Sandbox Code Playgroud)
PHP
<?php
require_once 'config.php';
if(isset($_POST['email']))
{
$email = mysqli_real_escape_string($_POST['email']);
}
else
{
echo "Nu ati completat adresa de e-mail. <br />";
}
if(isset($_POST['password']))
{
$email = mysqli_real_escape_string($_POST['password']);
}
else
{
echo "Nu ati completat parola. <br />";
}
if(isset($_POST['email']) && ($_POST['password']))
{
$query = ("SELECT * FROM `users` WHERE password = '$password' AND email = '$email'");
$result = mysqli_query($link, $query);
$row = …Run Code Online (Sandbox Code Playgroud) 我想建立一个输入链接.我当前的链接示例有效(将我带到设置了id的区域),但我真正想要的是当用户点击链接将他完全带到输入时,能够立即输入.
<input type="text" id="search" name="search">
<a href="#search">
<img src="http://www.example.com/images/something.jpg" alt="">
</a>
Run Code Online (Sandbox Code Playgroud)
没有JQuery/JavaScript,这甚至可以实现吗?请以您能想象的任何方式发布解决方案.一直在寻找这个,但找不到答案.