手动拆分css命令

Question

我正在使用的方形空间模板不允许我插入下面的代码。我得到了回复，我需要手动拆分命令。

我在背景中收到错误：我曾尝试过几次以完成此操作，但无法准确完成此操作。

.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 background简写，支持在所有平台和浏览器中都不一致 - 你应该像这样分开速记：

.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;
}