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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

能不能在把hover写在一块

0

1

hover

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="container">
			<div class="row text-left">
				<div class="col-md-3 first">
						<div class="squ"></div>
						<div class="cir">1</div>
						<div class="text-font">1.定制纸箱</div>
				</div>

.first {
	padding: 20px 0;
}
.squ {
	background-color: #ccc;
  	height: 5px;
  	width: 100%;
  	border-radius: 2px;
}
.cir {
	text-align: center;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #ccc;
	position: relative;
	top: -15px;
	left: 40%;
	color: #fff;
}
.text-font {
	text-align: center;
	color: #ccc;
}
.first:hover .squ {
	background-color: #ff7f02;
}
.first:hover .cir {
	background-color: #ff7f02;
}
.first:hover .text-font {
	color: #ff7f02;
}

该问题已被官方收录

响应式栅格布局如何居中

1

1

居中 bottstrap 响应式

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

       <div class="how"><b>战略合作企业</b></div>
        <div class=" col-md-2 col-md-offset-1 col-xs-4  ">
            <div class="cooperation cooperation1"></div>
        </div>
        <div class="col-md-2 col-xs-4 ">
            <div class=" cooperation cooperation2"></div>
        </div>
        <div class="col-md-2  col-xs-4 ">
            <div class=" cooperation cooperation3"></div>
        </div>
        <div class="col-md-2 col-xs-4">
            <div class=" cooperation cooperation4"></div>
        </div>
        <div class="col-md-2  col-xs-4">
            <div class=" cooperation cooperation5"></div>
        </div>

该问题已被官方收录

在移动端的弹窗上,给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);
        };

该问题已被官方收录

引入less.js和less文件后打开报错

1

1

less

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

怎么用bs框架实现响应式的导航栏

1

1

bottstrap 响应式导航栏

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Bootstrap 实例 - 响应式的导航栏</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-default" role="navigation">
	<div class="container-fluid"> 
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#example-navbar-collapse">
			<span class="sr-only">切换导航</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" href="#">菜鸟教程</a>
	</div>
	<div class="collapse navbar-collapse" id="example-navbar-collapse">
		<ul class="nav navbar-nav">
			<li class="active"><a href="#">iOS</a></li>
			<li><a href="#">SVN</a></li>
			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					Java <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#">jmeter</a></li>
					<li><a href="#">EJB</a></li>
					<li><a href="#">Jasper Report</a></li>
					<li class="divider"></li>
					<li><a href="#">分离的链接</a></li>
					<li class="divider"></li>
					<li><a href="#">另一个分离的链接</a></li>
				</ul>
			</li>
		</ul>
	</div>
	</div>
</nav>

</body>
</html>

该问题已被官方收录

checked点击事件

1

1

表单元素事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="main">
    <img class="jnshu" src="task14/img/task14-1/jnshu.png">
    <input type="checkbox" id="awesomea" />
    <label for="awesomea">点这里
    </label>
    <div class="page">
        <a class="page1">首页</a>
        <a class="page2" href=task8-2.html>职业</a>
        <a class="page3" href=task8-3.html>推荐</a>
        <a class="page4">关于</a>
    </div>
</div>

该问题已被官方收录

多元素如何水平居中？

2

1

居中

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

如何让侧边导航栏推走footer？

1

1

侧边栏

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

footer {
    display: flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: .85rem;
    background: #29bde0;
    div {
        width: 100%;
        line-height: .85rem;
        border-top: 1px solid white;
        text-align: center;
        button {
            vertical-align: middle;
            width: 60%;
            height: 0.435rem;
            font-size: 0.2rem;
            color: white;
            background: #fbb435;
        }
    }
}

.box {
    position: relative;
    overflow: hidden;
    input {
        display: none;
    }
    .side-nav {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 70%;
        background: white;
            li {
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                height: .5rem;
                border-bottom: 1px solid #999999; 
                list-style: none;
                &::after {
                    content: "";
                    display: inline-block;
                    width: .16rem;
                    height: .16rem;
                    transform: rotate(45deg);
                    border-top: 3px solid #69D1E9;
                    border-right: 3px solid #69D1E9;
                    margin-right: .1rem;
                }
                &:hover {
                    background: #f0f0f0;
                }
            }

    }
    #sidemenu:checked~.content {
        margin-left: 70%;
    }
    .content {
        position: relative;
        overflow: hidden;
        transition: margin-left 1s;
    }
}

该问题已被官方收录

怎么限制input number输入框的输入数字位数

5

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <input name="myInput_DRS" onkeypress="return isNumeric(event)" onkeydown="return isMoreThan(event)" oninput="maxLengthCheck(this)" type="number" placeholder="Type..." min="1" max="999" />
 2 
 3 <script>
 4   function maxLengthCheck(object) {
 5     if (object.value.length > object.max.length)
 6       object.value = object.value.slice(0, object.max.length)
 7   }
 8 
 9   function isNumeric(evt) {
10     var theEvent = evt || window.event;
11     var key = theEvent.keyCode || theEvent.which;
12     key = String.fromCharCode(key);
13     var regex = /[0-9]|\./;
14     if (!regex.test(key)) {
15       theEvent.returnValue = false;
16       if (theEvent.preventDefault) theEvent.preventDefault();
17     }
18   }
19 
20   function isMoreThan(evt) {
21     var theEvent = evt || window.event;
22     var target = theEvent.target;
23     var keyID = event.keyCode;
24     var isDelete = false;
25     switch (keyID) {
26       case 8:
27           isDelete = true;
28         // alert("backspace");
29         break;
30       case 46:
31           isDelete = true;
32         // alert("delete");
33         break;
34       default:
35         break;
36     }
37 
38     if (!isDelete && target.value.length == target.max.length) {
39       return false;
40     }
41   }
42 
43 </script>

该问题已被官方收录

session保留在不同的web服务器下，结果不一样

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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