html - 在 Safari 中看不到 boxshadow
问题描述
我有一张带盒子阴影的桌子。Chrome 和 Firefox 显示了阴影,但 safari 没有。你知道问题来自哪里吗?
我试图操纵阴影,但它具有相同的效果。
.tr-info {
background-color: blue;
box-shadow: 0 -1px 0 0 #cccccc, 0 1px 0 0 #cccccc;
}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Your Website</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="../style.css" media="screen" />
</head>
<body style="background: black;">
<div class="container">
<div class="row">
<div class="col-12 mt-5">
<table>
<tr class="tr-info">
<td>
1
</td>
<td>
2
</td>
</tr>
<tr class="tr-info">
<td>3</td>
<td>4</td>
</tr>
</table>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>
解决方案
尝试将此添加到 tr
.tr-info{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
我曾经在某处读过这个,从未使用过,但它可以工作。
推荐阅读
- oracle - Visual Basic 编译的可执行数据库连接问题
- charts - Highchart 甘特图 Navigator 颜色
- geolocation - Convert CEP (Brazilian ZIP code) in latitude and longitude
- python - Python/MySQL - 将 MySQL 数据导出到 Excel
- python - 使每个 Y 值对应 pyqtgraph 中的一个 X 值
- c# - 将 IAsyncEnumerable 转换为 List
- drake - 使用二阶系统模拟控制回路时的段错误
- performance - 极慢的查询,在 Windows 还原点之后
- swift - 为什么 StackViews 没有内在的内容大小?
- php - XAMPP:每个套接字地址只能使用一次