我正在开发一个网页,希望从页面顶部到底部有一个渐变,但是html并不包含所有元素。
在这一点上,我已经尝试了所有我能想到的一切,从检查是否存在未解释的浮动元素到分别在html和body上设置溢流y为自动,隐藏和scol,仅举几例
将代码编辑为工作代码。
<body><div id='main'>
<div id="map" class="map"></div>
<div id="events"></div>
</div></body>
html, body{
padding: 0;
margin: 0;
min-height: 100%;
}
html{
background: linear-gradient(to bottom, #EDE8B9 20%, #B7C35D);
background: -webkit-linear-gradient(to bottom, #EDE8B9 20%, #B7C35D);
background: -moz-linear-gradient(to bottom, #EDE8B9 20%, #B7C35D);
}
body{
height: 100%;
}
因此,如果用户可以滚动,渐变将在原始屏幕的底部停止,然后以相同高度的间隔重复进行。
我不知道这种方法如何或为什么起作用,但确实可以。
答案 0 :(得分:1)
@{
string @url = "http://YOUR_URL/TEST/TestID/" + Html.DisplayFor(model => model.IdNews);
string @fb_shared_page = "https://www.facebook.com/sharer/sharer.php?u=http%3A%2f%2fYOUR_URL%2fTEST%2fTestId2f" + Html.DisplayFor(model => model.IdNews) + "& src = sdkpreparse";
}
<div class="fb-share-button" data-href=" @url" data-layout="button" data-size="small">
<a target="_blank" href="@fb_shared_page" class="fb-xfbml-parse-ignore">
Shared
</a>
</div>
请对此进行测试
希望对您有帮助