个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我已经在我的 PHP 站点的索引页面中实现了简单的视差图像。出于某种原因，登录表单由于我实现的视差 header 而出现异常。在那张照片上有一个由我命名为 logo 的 div 放置的图像叠加层。我可以肯定它是罪魁祸首，因为当我将其注释掉时，表单字段和链接起作用了。该网站位于 http://www.mattmacy.com/greenia/ .请注意表单域不工作。我已经为我的 3 个图像和 Logo 类包含了我的 css。任何帮助将不胜感激。
<!DOCTYPE html>
<html>
<head>
<title>FORUM</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body style="background-color: maroon";>
<div style= "background-color: gold; border-style: solid;">
//This "logo" div stops my form and link fields from working
<div class="pimg1">
<div class="logo"></div>
</div>
<div style="background-color: gold; border-style: solid;">
<h1>Matt Macy's Forum</h1>
<?php
session_start();
if (!isset($_SESSION['uid'])){
echo "<form action='login_parse.php' method='post'>
Username: <input type='text' name='username' />
Password: <input type='password' name='password' />
<input type='submit' name='submit' value='Log In'/></form>";
echo "You can joing this site with Admin approval <a
href='register.php' class='Links'>Register</a>";
}else {
echo "You are logged in as ". $_SESSION['username']. "with a level
of " . $_SESSION['level']."<a href='logout_parse.php'
class='Links'>Logout</a>";
} if (isset($_SESSION['level']) && ($_SESSION['level'] == 'Admin')){
echo "<a href='authenticate.php'
class='authenticate'>Authenticate</a>";
echo "<a href='postAudiowithPayPal.php'
class='postAudiowithPayPal'>Post audio with PayPal</a>";
}
echo"</div><br>";
//This is my second parallax image that doesn't cause difficulty
echo"<div class='pimg2'><span class='border'></span></div>";
这是来 self 的 style.css 文件。我不确定是否需要设计我为链接指定的链接类的样式。
.pimg1{
background-image:url('pimg1.jpg');
min-height:100%;
height:600px;
}
.pimg2{
background-image:url('pimg2.jpg');
min-height:100%;
height:500px;
}
.pimg3{
background-image:url('pimg3.jpg');
min-height:100%;
height:500px;
}
@media(max-width:568px){
.pimg1, .pimg2, .pimg3{
background-attachment: scroll;
}
}
.logo{
height: 100%;
width: 100%;
background-image:url('SpiritualAutomaton2.png');
position: center;
background-repeat: no-repeat;
position: absolute;
top:50%;
margin-top:-50px;
margin-left:130px;
}
.Links{
?
}
最佳答案
问题是您的 .logo 高度。尝试使用与用作背景的图像相同的尺寸。您可以在此图像中看到，将鼠标放在最左侧的输入上并向右移动， Logo div 会挡住下面的元素。另一种选择是在 .logo 元素上设置 pointer-events:none; 但在这种情况下这有点老套。
关于html - 如何阻止我的视差叠加层干扰我的表单和链接字段？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48778769/
25
4
0
这是我的 + 部分: function insert(){ var linkElement = document.getElementById("BackButton"); var linkEl
我有两辆 buggy 在轨道上移动，它们都使用超声波测量模块来检测路径中的障碍物，并由 Arduino 微 Controller 控制。两个超声波传感器以相同的频率工作，并且这个频率不能改变。两个超声
希望能快速解决这个问题。我有一个用文件位置替换特定值的脚本。不幸的是，该位置似乎经常包含\n 或 n\(因为当前目录位于临时文件夹中)，导致该行中断或从该行中完全删除自身，从而使文件夹位置无效。 临时
我使用的是 Mac OSX 10.10.1。我通常使用brew或pip来安装所有东西。我注意到我的 virtualenv 总是抓取我本地安装的所有 Python 包。我通过删除我的 $PYTHONPA
我正在尝试使用 str_replace 将两个字母的语言缩写转换为完整的单词。我遇到的问题是它们在回显时会相互影响。 $lang = str_replace("en", "English", $lan
我已经创建了用于结束通话的 aidl 文件 ITelephony.aidl。现在，在通话结束之前，我需要生成正在进行的通话中的语音，以便听众认为接下来的工作有问题。我尝试通过三种方式自己解决这个问题:
使用这个查询，我得到了我需要的每个客户下的订单数量的结果。但是，当我在 SELECT 字段中使用 SUM(OrderLine.ActualPrice) 并使用内部联接将 Order 表链接到包含价格的
在 Spring Boot 应用程序中，仅使用注释，我想实现安全性 我已将 @EnableGlobalMethodSecurity(jsr360Enabled=true) 添加到配置类。该类还有一个
我一直在 Linux 下开发一个多线程程序，对信号处理有特殊要求。例如，我需要程序打印单个 Ctrl-C 输入的统计信息。 我使用 pthread_sigmask 和 sigwait 实现了这一点，即
作为我第一次涉足 Dynamic Scala 领域，我想我会尝试通过 applyDynamic 访问 bean 属性。 我的第一个非常粗略的剪裁是 trait BeanProperties ext
我知道这是一个令人沮丧的话题，但我尝试遵循文档和其他类似的帖子。 我的问题是，除非重新加载页面，否则 JS 将无法工作。 我有以下 JS: $(function() { $('a.form-sho
我正在使用 JQuery Ajax 从服务器获取脚本。 $.ajax({ url: src, type: "GET", dataType: "script", time
我正在尝试根据每个产品的选定数量分别输出计算价格。我尝试复制代码并重命名所有变量，但输出是由各种增加/减少按钮触发的。 这是目前的代码: $(".incr-btn_mobile").on("click
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: jQuery in Greasemonkey 1.0 conflicts with websites usi
我在一个 iOS 应用程序 (Obj-C) 中有一个 View ，它在中心有一个 ImageView ，紧接着在其下方有一个 slider 。 ImageView 显示专辑封面， slider 可用于
我有一个 View Controller ，将 UITapGestureRecognizer 附加到它的主 UIView，并使用户能够点击屏幕以使状态、导航和工具栏重新出现/消失(如照片应用程序)。我
我正在尝试在我的应用程序中设置 log4j，但我的一个第三方 JAR 似乎以某种方式不断将我的日志级别设置为“关闭”。它仅在执行该库中的代码时发生。我不知道它是如何做到这一点的，因为我没有使用它知道名
我有一个 UIScrollView，其框架与包含的 View Controller 相同。 当 ScrollView 的缩放比例大于 1 时，从屏幕左侧 50% 开始从左向右滑动会导致 interac
我是网页设计的新手，最近接触了 Bootstrap。我最近也开始使用 Codepen。在 Codepen 中完成一个元素后，我将代码从那里复制并粘贴到 Sublime 中，无论出于何种原因，它更改了我
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
我是一名优秀的程序员,十分优秀！