css - 手动拆分css命令

Question

我使用的 squarespace 模板不允许我插入下面的代码。我收到回复说我需要手动拆分命令。

我在后台收到错误消息：我曾尝试过几次来完成此操作，但无法完全准确。

.mobile-nav .show-nav {
background: url("http://www.jobspark.ca/item/517adb63e4b06ea9dd79ace8?format=original")    no-repeat scroll center center / 30% auto #000000;
border-bottom: 1px solid #000000;
color: #FFFFFF;
cursor: pointer;
display: block;
max-height: 50px;
padding: 1em 40px 50px;
}

Answer 1

它可能是导致问题的CSS 3 背景速记，所有平台和浏览器的支持并不一致 - 您应该像这样拆分速记：

.mobile-nav .show-nav {
background-image: url('http://www.jobspark.ca/item/517adb63e4b06ea9dd79ace8?format=original');
background-position: center center;
background-size: 30% auto;
background-color: black;
/* omitted default values */
border-bottom: 1px solid #000000;
color: #FFFFFF;
cursor: pointer;
display: block;
max-height: 50px;
padding: 1em 40px 50px;
}