我正在尝试使用CSS -webkit-animation属性创建一些圣诞灯(1月份).

为此,我正在使用此图片:

我试过了:

@-webkit-keyframes lights {
    0% {
        background-position:0px;
    } 100% {
        background-position:0 -69px;
    }
}

#lights {
    width:100%;
    height:69px;
    background:url(https://mysterybrand.net/assets/images/new-year/live-drop-gardland.png);
    -webkit-animation: lights 1s infinite;
}

我想要实现的目标:我想不断改变背景位置,看起来灯光正在关闭和打开.

出于某种原因,我的代码不会更改背景位置,并为图像设置动画.

我之前问过这个问题，但是帖子被标记为与这个问题重复并被删除。

我仔细阅读了这篇文章，并尝试了所有建议的方法。不幸的是，这篇文章并没有解决我目前遇到的问题。关于已删除问题的通知让我提出了一个新问题。

原问题：

我最近使用前一个提供商的数据库备份搬到了另一个托管服务提供商。

不知何故，数据库值不再正确显示。

例如，不同的语言 like???????? ?????????将输出为ä¿¡é•·ã®é‡Žæœ›ãƒ»å‰µé€ .

等标题中的商标图标™将显示为â„¢。

我能做些什么来解决这个问题？考虑到数据库是 1:1，我不知道这里有什么问题。

我所做的

• 我的整个数据库设置为latin1_swedish_ci. 我已将其更改为utf8mb4_unicode_ci. 这没有做任何改变。

• 我已经charset=utf8mb4在 PDO mysql 连接 DSN 中指定了。

• 我已将默认字符集设置为 UTF8。

我有什么遗漏/可以做些什么来解决这个问题吗？

小更新：将数据库上传到我的本地数据库似乎可以正确输出它们，这是 1:1 安装。这是非常令人沮丧的。

• 网页有 UTF8 编码标签。
• PHP 信息显示网页以 UTF8 显示。

2020 年 7 月 31 日：

运行查询

SHOW SESSION VARIABLES LIKE 'character_set_%'; SHOW SESSION VARIABLES LIKE 'collation_%';

给了我以下结果：

"character_set_client"  "utf8mb4"
"character_set_connection"  "utf8mb4"
"character_set_database"    "utf8mb4"
"character_set_filesystem"  "binary"
"character_set_results" "utf8mb4"
"character_set_server"  "utf8mb4" …