Вопрос по background-image, css, css3 – Граница-радиус на фоновом изображении [закрыто]

26

Можно ли добавитьborder-radius наbackground-image ?

Фоновое изображение div, фоновое изображение реальной страницы ..? Что вы имеете в виду? Нужно больше информации. Bart
1. Фоновое изображение div 2. Я не хочу обрезать фоновое изображение по радиусу границы, установленному в div, потому что мое фоновое изображение находится посередине и не касается границы div, поэтому фоновое изображение не обрезается , Michał Urban
Как это возможно, что этот вопрос ставится дважды? Это очень плохого качества. Вы уже пробовали что-нибудь? Вы пытались Google это? Каково ваше определение "background-image", потому что, как уже упоминалось @Bart, это фон вашегоbodyслучайныйdiv или, может быть, дажеpre элемент? Пожалуйста, будьте более конкретны. Jelmer

Ваш Ответ

2   ответа
2

Попробуй это

    div {
        border: 10px solid white;
       -moz-border-radius: 10px;
       background:url(map_background_box_right.png);
        }
для кроссбраузера вам нужен -moz-border-radius: 50px; и если вам нужно оптимизировать старые ie, вы не сможете сделать это без внешних скриптов, таких как pie.htcссылка Holger D. Schauf
17

Да, это возможно:

div {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: none;
  width: 500px;
  height: 335px;
  background: url(http://themescompany.com/wp-content/uploads/2012/02/6402.jpg);
}

Нажмите здесь для демонстрации.

Да, у меня та же проблема @AndrewBrown - вы нашли решение? Codemonkey
Это хорошо, но что если я добавлюbackground-position: 50px background-repeat: no-repeat, Фоновое изображениетолько обрезанный границей div. Michał Urban
Я думаю, что нет никакого способа добавить радиус границы непосредственно к фоновому изображению, но вы можете сделать это с помощью чита:jsfiddle.net/fbDZb/8 David Czinege
кто-нибудь имел какие-либо проблемы с этим, используя SVG для фона? если у меня есть этоbackground-size:cover; отображение изображения испорчено Andrew Brown
David Czinege, спасибо, к сожалению я искал решение без дополнительного div. Спасибо, в любом случае :-) Michał Urban

Похожие вопросы