Less.js: Menggunakan ukuran latar belakang CSS3 dalam properti singkatan `latar belakang` menghasilkan kesalahan sintaksis

Dibuat pada 10 Jan 2013 · 7Komentar · Sumber: less/less.js

Properti background-size baru CSS3 dapat disertakan dalam deklarasi steno background dengan memisahkannya dari spesifikasi background-position dengan garis miring, seperti ini:

div {
    background: url('/path/to/image.png') left center / contain no-repeat;
}

Namun, hasilnya adalah kesalahan sintaks, dengan parser yang jelas-jelas tersedak pada bagian / contain —menghapusnya juga membuat kesalahan hilang.

Tentu saja dimungkinkan untuk mengatasi masalah ini dengan keluar dari seluruh nilai properti background dengan ~"…" , tetapi akan sangat menyenangkan untuk dapat menggunakan sintaks default tanpa batasan.

bug medium priority

Sumber

yggi49

Komentar yang paling membantu

@gpv-dev

Hasil Anda diharapkan jika Anda mengkompilasi tanpa opsi --strict-math=on . Sekarang untuk pernyataan seperti itu (dengan satu atau dua pengecualian, misalnya properti font ) Anda harus menggunakan --strict-math=on atau memasukkan beberapa pelolosan untuk / , misalnya: ~"0/100%" .

seven-phases-max pada 7 Jan 2015

👍2

Semua 7 komentar

Sepertinya sub-kasus PR #915, tapi sudah lama tidak ada berita tentang itu ...

plumbojumbo pada 16 Jan 2013

ya, tepatnya, itu sebabnya akan ada di 1.4.0. Saya akan mengambil #915 jika @dmcass tidak menyelesaikannya.

lukeapage pada 16 Jan 2013

Tetap pada master

lukeapage pada 2 Feb 2013

Sepertinya saya mengalami masalah ini di lessc 2.1.1.

/* less */
#header {
    height: 50px;
    width: 100%;
    padding: 0 10px;
    font-size: 20px;
    background: url("/img/nav-back.jpg") 0 0/100%;
    position: fixed;
}

/* compiled css */
#header {
    height: 50px;
    width: 100%;
    padding: 0 10px;
    font-size: 20px;
    background: url("/img/nav-back.jpg") 0 0;
    position: fixed;
}

Berjalan di Linux Mint 17 Qiana menggunakan lessc 2.1.1.

yang-jandro pada 7 Jan 2015

@gpv-dev

seven-phases-max pada 7 Jan 2015

👍2

@tujuh-fase-maks

Terima kasih atas respon cepatnya. Saran Anda persis seperti yang saya butuhkan.

yang-jandro pada 8 Jan 2015

Terima kasih @seven-phases-max, berhasil:
url(/assets/img/logos/foo.png) 0 0 / ~"167px auto" no-repeat;
url(/assets/img/logos/foo.png) 0 0 / contain no-repeat;