个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我正在为我的网站设计网页。我在正文中使用了从上到下的颜色渐变。颜色渐变出现在整个 2/3 的正文中，但错过了靠近页 footer 分的 1/3 正文。
我的 CSS:
body{
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D4D9E9 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D4D9E9 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FFFFFF 0%, #D4D9E9 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D4D9E9));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D4D9E9 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #FFFFFF 0%, #D4D9E9 100%);
margin: 0px 0px 0px 0px;
}
.headerMenu{
background-image: url(../img/headerMenu.png);
height: 75px;
border-top: 0px;
border-bottom: 0px;
padding-top: 0px;
padding-left: auto;
padding-right: auto;
width: 100%
}
#wrapper{
background-image: url(../img/headerMenu.png);
margin-right: auto;
margin-left: auto;
width: auto;
padding-top: 0px;
padding-bottom: 0px;
}
.logo{
float:left;
padding-top: 11px;
padding-left: 170px;
padding-bottom: 25px;
width: 80px;
}
.logo img
{
display:inline-block;
width: 180px;
height: 60px;
}
.objective
{
font-family: Helvetica;
font-weight: bold;
font-size: 150%;
font-style: oblique;
padding-top: 30px;
padding-left: 130px;
}
.holder{
padding-left: 90px;
}
标记:
<!doctype html>
<head>
<title>Lorem Ipsum</title>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>
<body>
<div class="headerMenu">
<div id="wrapper">
<div class="logo">
<img src="./img/logo-final.png"/>
</div>
</div>
</div>
<div class="objective">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</br>
incididunt ut labore et dolore magna aliqua
</p>
</div>
</div>
<div class=holder>
<img src="./img/map.png">
</div>
</body>
附言: 我在 Chrome 和 Firefox 上都试过了
最佳答案
关于html - 渐变未出现在页 footer 分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25215928/
25
4
0
鉴于下面的基本 HTML 结构(我无法更改)，我知道我可以使用此 CSS 扩展主要内容 div: html, body { height: 100%; } body { display: fl
这应该类似于 iOS tableview 页脚，也可以在各种网站中看到(粘性页脚)。 我想实现以下目标: A 是具有可变行数的 RecyclerView。 当 A 小于屏幕(或父级)尺寸时，B(页脚)
我有一个 Bootstrap 面板，底部有两个按钮: {{ Form::open( array('route' => array('dogs.edit', $dog->id)
我是一名优秀的程序员,十分优秀！