我需要在可滚动 div 的底部添加白色线性渐变,它应该始终位于 div 的底部。我使用固定位置添加它,它适用于除 IE >= 9 之外的所有浏览器。我需要它用于所有浏览器,包括 IE>=9。它应该是这样的 - http://prntscr.com/ne3rfe
这是那个div的css代码
.perfect-scrollbar::before {
content: "";
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
bottom: 0;
background: #7db9e8;
background: -moz-linear-gradient(top, #7db9e8 0%, #1e5799 101%);
background: -webkit-linear-gradient(top, #7db9e8 0%, #1e5799 101%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(255, 255, 255, .8) 101%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#1e5799', GradientType=0);
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试将adocean集成到我的 Html5 视频播放器中以播放广告。这是我从 adocean 官方文档中编写的代码。我正在从 ado 对象获取 xml 链接。此 XML 包含视频 SRC(广告系列创意,从管理面板创建),但奇怪的是我找不到播放广告的方法。有任何想法吗?我在控制台中还有一条跨域警告消息。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ado</title>
<script type="text/javascript" src="//port80ge.adocean.pl/files/js/ado.js">
</script>
<script type="text/javascript" >
/* (c)AdOcean 2003-2020 */
if(typeof ado!=="object"){ado={};ado.config=ado.preview=ado.placement=ado.master=ado.slave=function(){};}
ado.config({mode: "new", xml: false, consent: true, characterEncoding: false});
console.log("ado",ado)
ado.preview({enabled: true});
</script>
</head>
<body>
<video
id="pSw7GgCkOHRk9cOQs7QRtqsYodMzuEdaWtPajlcRyjf.y7"
playsinline
class="op-player__media"
autoplay
width="320"
height="240"
controls
>
<source src="./assets/Arya Kills The Night King (Alternative Version).mp4" />
</video>
<script type="text/javascript">
ado.master({id: 'pSw7GgCkOHRk9cOQs7QRtqsYodMzuEdaWtPajlcRyjf.y7', crossOrigin:"" …Run Code Online (Sandbox Code Playgroud)