小编Sab*_*dze的帖子

将线性渐变添加到可滚动的 div

我需要在可滚动 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)

html css

6
推荐指数
1
解决办法
2659
查看次数

Adocean 在 HTML5 视频播放器中的使用

我正在尝试将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)

html javascript video integration video-ads

6
推荐指数
0
解决办法
68
查看次数

标签 统计

html ×2

css ×1

integration ×1

javascript ×1

video ×1

video-ads ×1