小编Kev*_*vin的帖子

如何使div覆盖整个屏幕

我有个问题.

我到目前为止得到了这个: 在此输入图像描述

无论设备屏幕有多大,我都希望突出显示的div能够覆盖你的设备屏幕.现在,当我在手机上打开它时,我会看到2个不同的div.我只想看到突出显示的那个.我该如何实现这一目标?

提前谢谢,凯文

html css responsive

7
推荐指数
2
解决办法
3万
查看次数

固定菜单不起作用

我希望我的菜单在我滚动的时候保持在它的位置,但是当我在我的CSS中添加以下内容时,position:fixed;整个事情就会从我想要的地方出来.

在这个jsfiddle中,您可以看到它现在是如何以及我希望它如何.唯一有问题的是,如果我将位置改为固定位置,它就不会停留在我想要它的位置.

<!DOCTYPE html>
<html>

<head>
    <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
    <title>random</title>
  <!--   <link rel="stylesheet" type="text/css" href="styles/style.css"> -->

</head>

<body>
    <div id="container">
        <div id="headcontainer">
        </div>
               <div id="menu">
                <div id="logo">
                    <p>
                        Hier komt een logo
                    </p>
                </div>
                <ul>
                    <li>
                        Home
                    </li>
                    <li>
                        Over
                    </li>
                    <li>
                        Contact
                    </li>
                    <li>
                        Producte
                    </li>
                </ul>
            </div>

<div id="content">
<div class="text-box">


    </div>
    <div class="text-box">


    </div>
</div>

    </div>
</body>

</html>

<style>
    /*Global*/

    * {
        margin: 0px;
    }

    body {}

    h1,
    h2,
    h3,
    h4,
    h5, …
Run Code Online (Sandbox Code Playgroud)

html css

7
推荐指数
1
解决办法
1028
查看次数

div中的php输出

这是我的脚本:

<script>
    $('form.subscribe').on('submit', function() {
        var that = $(this);
        url = that.attr('action');
        method = that.attr('method');
        data ={};
        that.find('[name]').each(function(index, value) {
              var that = $(this),
              name = that.attr('name'),
              value = that.val();
              data[name] = value;
        });

        $.ajax({
            url: url,
            type:method,
            data: data,
            success: function(response){
                console.log(response);
            }
        });

        return false;
     });
</script>
Run Code Online (Sandbox Code Playgroud)

我有一个 ajax 函数,它根据您在表单上的输入给我一条错误消息或一条成功消息。

我得到的消息来自这个 php 脚本:

<?php
    header("Refresh:7; url=contact.php");
    $email = $_POST['subscribefield'];

    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        echo "Dit emailadres klopt niet";
        die();
    }

    $to = "flash1996mph@hotmail.com";
    $subject = "Abonee voor de …
Run Code Online (Sandbox Code Playgroud)

javascript php jquery

2
推荐指数
1
解决办法
382
查看次数

背景与梯度响应

我有以下代码:( 小提琴)

body {
  background-color: red;
}
#grad1 {
  height: 100px;
  width: 100%;
  background: linear-gradient(521deg, rgba(138, 138, 138, 0) 50%, rgba(138, 138, 138, 0) 31.9%, #fff 0.1%, #fff 0%);
}
Run Code Online (Sandbox Code Playgroud)
<div id="grad1"></div>
Run Code Online (Sandbox Code Playgroud)

我基本上希望宽度能够响应并且即使宽度改变也要保持渐变的形状.

我尝试过的:

  1. 将宽度设置为100%这不起作用,因为它是一个空div

就是这样,我没有其他想法诚实.如果有人可以提供帮助我会很感激.


这就是我用它:(图像只是一个例子来说明发生了什么/我的意思)

在此输入图像描述

但如果我有一个更大的设备,这会发生:

在此输入图像描述

html css linear-gradients responsive-design css-shapes

1
推荐指数
1
解决办法
3159
查看次数

渐变:半色半透明

我有这行代码

background:linear-gradient(341deg, #8a8a8a 0%, #8a8a8a 31.9%, #000 32.1%, #000 100%);

正如你所看到的,它一半灰色一半黑色。有没有办法让它的灰色部分透明,这样它就变成半透明半黑了。

预先感谢,凯文

css gradient

0
推荐指数
1
解决办法
1252
查看次数

划分为两个div

这很难解释,所以为了让我更容易做出这个草图:

在此输入图像描述

我基本上有两个div一个外部div和一个div在div里面.我想要做的是,我有点想在2个div之间添加一条线.这是可能的,我该如何处理?

html css

0
推荐指数
1
解决办法
42
查看次数

Javascript字符串插值方式使用

我遇到了一个开发人员的例子,他使用字符串插值.

他使用它的方式如下:

console.log(`Hello, $userName`); 
Run Code Online (Sandbox Code Playgroud)

直到后来他的例子我没有看到任何错误.他再次进行了字符串插值,但这次不同.这次他用括号.像这样:

console.log(`The user asked ${question}`); 
Run Code Online (Sandbox Code Playgroud)

有什么不同 ?我使用哪种方式有关系吗?或者这只是开发人员的错误.

javascript

-1
推荐指数
1
解决办法
45
查看次数