IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

在移动端的弹窗上,给body设置overflow:hidden为什么页面还能滚？

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$rootScope.notice = function (content) {
            var modal = $modal({
                html: true,
                show: false,
                backdrop: false,
                templateUrl: 'views/template/notice.html',
                controller: function ($scope) {
                    $scope.content = content;
                    $scope.ok = function () {
                        typeof okFn == 'function' && okFn();
                        modal.$promise.then(modal.hide);
                    };
                    window.onpopstate = function () {
                        modal.$promise.then(modal.hide);
                    };
                }
            });
            modal.$promise.then(modal.show);
        };

该问题已被官方收录

点击提交按钮后，无法跳转到后台页面

1

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// jQuery方法
$(document).ready(function(){
    $(".btn").click(function(){//点击事件
        var user = $("#user").val();//获取账号框的值
        var password = $("#password").val();//获取密码框的值
        if(user === ""){//如果账号框值为0
            $("#warning").text("请输入账号");
            return;
        }
        if(password === ""){//如果密码框值为0
            $("#warning").text("请输入密码");
        }
        if(user !== "" && password !== ""){//账号框，密码框都有值时
            $.ajax({
                type: "post",//定义请求方式
                dataType: "json",//数据类型
                url: "/carrots-admin-ajax/a/login",//文件在服务器上的位置
                data: {//数据
                    name: user,//账号
                    pwd: password//密码
                },
                success: function(response){
                    if(response.message === "success"){
                        location.href = "http://dev.admin.carrots.ptteng.com/"
                    }
                    else {
                        $("#warning").text(response.message);
                    }
                    console.log(response);
                }
            })
        }
    });
});

该问题已被官方收录

手机图标和后面的输入框在缩小页面的时候，会变成两行

1

1

布局

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title></title>
    <style type="text/css">
        *{padding: 0;margin: 0;}
body{
    background:#eff0f4;
    width: 100%;
}
.headers{
    background:#68cdd5;
    color: white;
    height: 88px;
    line-height: 88px;
    text-align: center;
    margin-bottom: 15px;
}
.header-c{
font-size: 32px;
position: absolute;
left: 20px;

}
.header-l{
    font-size: 36px;
}
.header-r{
   font-size: 32px;
   position: absolute;
   right: 20px;
   top: 0;
}
.mains{
    background: white;
height: 100px;
}
.iphone{
    width: 100%;
    height: 41px;
    margin-top: 30px;
position: absolute;
left: 20px;
border-right: solid green;
display: inline-block;
}
.inputs{
    width: 100%;
outline: none;
border:none;
margin-left: 67px;
font-size: 32px;
margin-top: 34px;

}

</style>
</head>
<body>
    <header class="headers">
        <p class="header-c">关闭</p>
        <p class="header-l">登陆</p>
        <p class="header-r">注册</p>
    </header>
    <main class="mains">
        <span class="iphone">
            <img src="img2/iphone.png">
            <input type="text" name="" placeholder="请输入手机号" class="inputs">
        </span>

        <span>

        </span>
    </main>
</body>
</html>

该问题已被官方收录

input输入框如何随页面缩放而缩放？

1

1

表单元素布局

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="task4.css">
    <title>Document</title>
</head>

<body>
    <div class="header">
        <p class="close">关闭</p>
        <p class="registe">注册</p>
        <p class="login">登录</p>
    </div>
    <form>
        <div class="user">
            <img src="images\iphone.png"/>
            <input type="text" placeholder="请输入手机号" name="tel" maxlength="11"/>
        </div>
        <div class="pw">
            <img src="images\locked 2.png"/>
            <input type="password" placeholder="请输入密码" name="password" />
        </div>
        <button class="login1" type="submit">登 录</button>
    </form>
    <button class="forget" type="button">忘记密码?</button>
</body>

</html>

* {
    margin: 0;
    padding: 0;
}

body {
    height: 100vh;
    width: 100vw;
    background: #eff0f4;
}
img {
    transform: scale(0.5);
    position: absolute;
    left: 1rem;
    margin-top: 1.1rem;
}

.header {
    background: #5fc0cd;
    color: white;
    font-size: 1rem;
    position: relative;
    top: 0;
    height: 4rem;
    line-height: 4rem;
}

.header .close {
    float: left;
    position: relative;
    left: 1rem;
}

.header .login {
    font-size: 1.125rem;
    text-align: center;
    position: relative;
    top: -0.1rem;
}

.header .registe {
    float: right;
    position: relative;
    right: 1rem;
}
.user, .pw {
    height: 5rem;
}
.user {
    background: white;
    height: 5rem;
    width: 100%;
    margin-top: 2rem;
}
.pw {
    background: white;
    height: 5rem;
    width: 100%;
    margin-top: 2rem;
}
input {
    outline-style: none;
    border: none;
    border-left-style: solid; 
    border-color: #eff0f4;
    font-size: 1.5rem;
    height: 3rem;
    width: 11rem;
    margin-top: 0.8rem; 
    margin-left: 4rem; 
    padding-left: 2rem;
}
input::-webkit-input-placeholder{
    color: #e1e5e7;
    font-size: 1rem;
}


.login1 {
    border-style: none;
    background: #5fc0cd;
    color: white;
    font-size: 1.125rem;
    margin-top: 5rem;
    height: 4rem;
    width: 100%;
}
.forget {
    outline-style: none;
    border-style: none;
    background: #eff0f4;
    color: #5fc0cd;
    font-size: 1rem;
    position: absolute;
    right: 4%;
}

该问题已被官方收录

怎么将本地文件上传到github

3

1

git 代码管理

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

gitbub上传

该问题已被官方收录

在父元素里面设置margin：0；p元素还有margin

2

1

内外边距

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情</title>
    <style pyte="txet/css">
html { 
    font-size:312.5%; 
} 
body { 
    font-size: initial; 
    margin: 0; 
}

header {
    width: 100%;
    height: 0.88rem;
    background-color: #5FC0CD;
}
    </style>
</head>
<body>
    <header>
        <p>注册</p>
    </header>
</body>
</html>

该问题已被官方收录

雪碧图大小的问题

1

1

雪碧图

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

display: inline-block;
    background: url(../img/img.png)no-repeat 0 0;
    height: 8px;
    width: 13px;
    transform: scale(0.5);

该问题已被官方收录

如何下拉框的三角形放大。

3

1

表单元素

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.main{
    width: 100%;
    height: 11.11vw;
}
.vo{
    width: 31.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 6vw;
    margin-top: 15vw;
    border: none;
    border-right: solid #eff0f4 0.13vw;
    height: 6vw;
}
.voo{
    width: 31.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 7vw;
    border: none;
    border-right: solid #eff0f4 0.13vw;
    height: 6vw;
}
.vooo{
    width: 32.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 4vw;
    border: none;
    height: 6vw;
}

该问题已被官方收录

图标如何收放

1

1

布局 css概念

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

背景图片有没有办法加一个灰色的图层

5

1

css概念布局

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html

<div class="awm">

    <img class="pyz" src="../img/task5-9.png"/>
    <img class="xq" src="../img/task5-1.png"/>
    <p class="wz1">徐士林 55岁</p>
    <img class="xlb" src="../img/task5-2.png"/>
    <p class="wz2">京城 • 四方 • 报纸林</p>
</div>


css

.pyz{
    height: 200px;
    width: 100%;
    position: absolute;

}

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1