Создайте фоновое изображение CSS, которое накладывает границу?

Для вас, людей из будущего (ECMAScript 2017 и далее)

Решение

"use strict"

const today = new Date()

const year = today.getFullYear()

const month = `${today.getMonth() + 1}`.padStart(2, 0)

const day = `${today.getDate()}`.padStart(2, 0)

const stringDate = [day, month, year].join("/") // 13/12/2017

Объяснение

String.prototype.padStart(targetLength[, padString]) добавляет в виде как можно больше padString в цели String.prototype, так что новая длина цели равна targetLength.

Пример

"use strict"

let month = "9"

month = month.padStart(2, 0) // "09"

let byte = "00000100"

byte = byte.padStart(8, 0) // "00000100"
13
задан Beep beep 1 July 2009 в 22:52
поделиться

2 ответа

Если у вас есть граница справа, вы просто не сможете удалить эту часть границы.

Однако вам повезло. Попробуйте использовать margin-right: -1px; в вашем CSS. Это перетащит элемент

вправо на 1 пиксель и, надеюсь, за границу. Вам также может потребоваться установить

position: relative;
z-index: 100; 

Кроме того, поскольку он находится на 1 пикселе справа, чтобы он выровнялся слева с другими, вам может потребоваться сделать активный элемент на 1 пиксель шире.

14
ответ дан 2 December 2019 в 00:19
поделиться

Решение Алекса должно работать, но это можно сделать иначе. было бы удалить атрибут CSS с рамкой слева из #Content и вместо этого использовать серое изображение GIF или PNG шириной 1 пиксель в DIV, содержащем элементы подменю.

Вот так:

#SubMenu { background: url(grayline.gif) #CCCCCC top right; }

Это избавит от необходимости беспокоиться о том, что выбранный элемент подменю не выровнен.

1
ответ дан 2 December 2019 в 00:19
поделиться