Проблемы позиционирования SVG с использованием фонового метода [дубликата]

Question

Проблемы позиционирования SVG с использованием фонового метода [дубликата]

0

Я попытался позиционировать svg файл, используя фоновый метод, но, похоже, я не могу придерживаться его правой стороны.

Я что-то пропустил? Я стараюсь понять позиционирование, но каждый раз, когда я думаю, что получаю, что-то новое.

            <ul id="menu">
              <li class="icon-svg">
                <a href="#"></a>
              </li>
            </ul>

body {
background:#5a5a5a;
font-family:"Helvetica Neue",Arial,sans-serif;
}

ul {
list-style:none;
}

a {
text-decoration:none;
}

#menu {
position:relative;
height: 50px;
width: 50px;
right:0;
z-index:999;
}

li.icon-svg a {
background:url(http://dl.dropbox.com/u/12091580/rwdicon/icon-menu.svg) 0 center no-repeat;
padding-left:1.9em;  
text-align:center;
height:2em;
width:2em;
content:'';
}

Brennan Sei 18 фев. 2014, в 04:34

Источник

Теги:

html

css

svg

background

css-position

2 ответа

0

Измените #menu на это:

#menu {
    float:right;   
}

http://jsfiddle.net/NMD5p/1/

Krimson 18 фев. 2014, в 01:45

Ещё вопросы

codebender · Accepted Answer · 2014-02-18T00-34-00.000Z

Попробуйте использовать свойство float в элементе меню.

#menu {
position:relative;
height: 50px;
width: 50px;
right:0;
z-index:999;
float:right;
}

Подробнее здесь: http://www.aptana.com/reference/html/api/CSS.field.background.html

Пожалуйста, ссылку на авторитетный источник (см. W3fools.com )
Будет делать, я обвиняю систему рейтинга Google хаха. Вот еще один справочный сайт CSS: aptana.com/reference/html/api/CSS.index.html У меня есть справочная печатная книга сама :)