小编Tan*_*has的帖子

有没有办法设置Google Chrome默认PDF查看器的样式

有没有办法设置Google Chrome默认pdf视图？我正在尝试将灰色背景颜色更改为白色,如果可能的话,也会使滚动条对于移动设备来说更大.

我试图在没有运气的情况下以css为目标

// pdf viewer custom style
iframe {
    html {
        body {
            background-color: #ffffff !important;
        }
        #zoom-toolbar {
            display: none !important;
        }
        #zoom-buttons {
            display: none !important;
        }
    }
}

Run Code Online (Sandbox Code Playgroud)

它看起来像是在html上创建阴影文档,但我找不到任何方法来定位它

css google-chrome background-color pdf-viewer

Tan*_*has

2018 09-19

26
推荐指数

3
解决办法

4821
查看次数

在悬停时添加字符而不移动文本

尝试在悬停时添加字符，但我想在字符出现时不将文本向右移动。

如果每个 li 前面都有一个静态空格字符，我想这会起作用，但不确定如何实现这一点。代码如下：

ul{
   list-style:none;
    -webkit-padding-start: 0px;
    }

a:hover::before {
    content:'> ';
}

Run Code Online (Sandbox Code Playgroud)

<ul>
    <li><a href="#">Journalist</a></li>
    <li><a href="#">Writer</a></li>
    <li><a href="#">Publications designer</a></li>
</ul>

Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/Tankucukhas/bobqowde/1/

html css menu hover

Tan*_*has

lucky-day

2
推荐指数

1
解决办法

2504
查看次数

引导图像悬停覆盖图标

尝试在bootstrap平台上使用CSS在图像上创建类似的效果.有一段时间难以实施.我正在尝试做的是图像悬停应用透明叠加与框和居中的glyp-eye图标,它假设是响应.下面是我的代码和效果的屏幕截图:

在此输入图像描述

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"> 

.pdf-thumb-box 
{
  display: inline-block !important;
  position: relative !important;
}

.pdf-thumb-title-active 
{
  color: #000;
}
.pdf-thumb-box-overlay 
{
  position: absolute;
  background-color: rgba(15, 15, 15, 0.31);
  width: 100%;
  height: 100%;
}
.pdf-thumb-box-overlay i 
{
  bottom: 50%;
  top: 50%;
  position: absolute;
  font-size: 40px;
  margin-left: -10px;
  margin-top: -10px;
}

Run Code Online (Sandbox Code Playgroud)

<div class="container">
  <div class="col-md-4">
    <div class="pdf-thumb-box">
      <a href="#2013-Katalog">
        <div class="pdf-thumb-box-overlay">
          <div class="center-box"></div><i class="glyphicon glyphicon-eye-open"></i> 
        </div>
        <img class="img-responsive" src="http://i.imgur.com/Cn1ev16.jpg" alt="2013 Genel Katalog">
      </a>
    </div>
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)

html image hover twitter-bootstrap

Tan*_*has

2015 06-30

1
推荐指数

1
解决办法

3万
查看次数