Малюнак Пазіцыянаванне з дапамогай CSS HTML

Я хачу, каб паменшыць памер малюнка, а таксама змясціць малюнак фон становішча: цэнтр 10px;

<?xml version="1.0" encoding="ISO-8859-1"?>
<html>
<head><title>TFZIM3 RDA</title></head>
    <link rel="icon" type="image/png" href="logo.png" />
    <link rel="stylesheet" type="text/CSS" href="test.CSS" />
<body style="background-color:d8d8d8;" >
    

</body>

CSS

img.normal
{
background-position:center 10px;
}

але гэта не працуе.

Калі ласка, кіраўніцтва

Загадзя дзякую

0
Проста цікава ... У мяне ёсць некалькі думак, якія маглі б дапамагчы, але мне трэба крыху больш інфармацыі першым. 1) Ці трэба малюнак, каб быць малюнак, або было б прымальна, каб адлюстраваць яго ў якасці фону? 2) Акрамя таго, вы павінны мець сайт як XML? ці гэта можа быць html5? 3) наколькі важная падтрымка браўзэра? CSS3 можа дапамагчы, але не вельмі добра гуляць з усімі браўзэрамі ...
дададзена аўтар ph33nyx, крыніца

9 адказы

Каб змяніць памер малюнка, вам давядзецца выкарыстоўваць серверны мова, такія як PHP. Вы не можаце зрабіць гэта з дапамогай мовы разметкі.

Што тычыцца цэнтравання малюнка, то фонавы малюнак ўласцівасць выкарыстоўваецца для фону, а не для малюнкаў. Выявы убудаваныя элементы. Таму выраўноўванне тэксту: цэнтр; для бацькоўскага элемента блока павінен працаваць. Аднак, калі вы хочаце змясціць малюнак і зрабіць яго поўнаэкранны рэжым Я хацеў бы выкарыстаць гэты код:

<head>
    
</head>
<body>
    
</body>

Праверце скрыпку.

<�Моцны> Edit

Для таго, каб зрабіць фон поўнаэкраннае малюнак, я цяпер выкарыстоўваць CSS3 фонавае пакрыццё ўласцівасць. Вы можаце выкарыстоўваць яго, як паказана ніжэй:

<html>
    <head>
        <!-- head code -->
        
    </head>
    <body>
        <!-- body code -->
    </body>
</html>

Згодна гэтага сайта, сумяшчальнасць вельмі шмат добрага.

3
дададзена

Каб змяніць памер малюнка, вам давядзецца выкарыстоўваць серверны мова, такія як PHP. Вы не можаце зрабіць гэта з дапамогай мовы разметкі.

Што тычыцца цэнтравання малюнка, то фонавы малюнак ўласцівасць выкарыстоўваецца для фону, а не для малюнкаў. Выявы убудаваныя элементы. Таму выраўноўванне тэксту: цэнтр; для бацькоўскага элемента блока павінен працаваць. Аднак, калі вы хочаце змясціць малюнак і зрабіць яго поўнаэкранны рэжым Я хацеў бы выкарыстаць гэты код:

<head>
    
</head>
<body>
    
</body>

Праверце скрыпку.

<�Моцны> Edit

Для таго, каб зрабіць фон поўнаэкраннае малюнак, я цяпер выкарыстоўваць CSS3 фонавае пакрыццё ўласцівасць. Вы можаце выкарыстоўваць яго, як паказана ніжэй:

<html>
    <head>
        <!-- head code -->
        
    </head>
    <body>
        <!-- body code -->
    </body>
</html>

Згодна гэтага сайта, сумяшчальнасць вельмі шмат добрага.

3
дададзена

Каб змяніць памер малюнка, вам давядзецца выкарыстоўваць серверны мова, такія як PHP. Вы не можаце зрабіць гэта з дапамогай мовы разметкі.

Што тычыцца цэнтравання малюнка, то фонавы малюнак ўласцівасць выкарыстоўваецца для фону, а не для малюнкаў. Выявы убудаваныя элементы. Таму выраўноўванне тэксту: цэнтр; для бацькоўскага элемента блока павінен працаваць. Аднак, калі вы хочаце змясціць малюнак і зрабіць яго поўнаэкранны рэжым Я хацеў бы выкарыстаць гэты код:

<head>
    
</head>
<body>
    
</body>

Праверце скрыпку.

<�Моцны> Edit

Для таго, каб зрабіць фон поўнаэкраннае малюнак, я цяпер выкарыстоўваць CSS3 фонавае пакрыццё ўласцівасць. Вы можаце выкарыстоўваць яго, як паказана ніжэй:

<html>
    <head>
        <!-- head code -->
        
    </head>
    <body>
        <!-- body code -->
    </body>
</html>

Згодна гэтага сайта, сумяшчальнасць вельмі шмат добрага.

3
дададзена

Глядзіце гэтую <�моцны> дэма (<�моцны> абнаўляецца )

Малюнак змяняецца з дапамогай фон-памер: 100% 100% значэння ў % апісваюць, які адсотак ад аднаго з бацькоў павінны прымаць малюнка.

+background-size +background-position

0
дададзена

Глядзіце гэтую <�моцны> дэма (<�моцны> абнаўляецца )

Малюнак змяняецца з дапамогай фон-памер: 100% 100% значэння ў % апісваюць, які адсотак ад аднаго з бацькоў павінны прымаць малюнка.

+background-size +background-position

0
дададзена

Глядзіце гэтую <�моцны> дэма (<�моцны> абнаўляецца )

Малюнак змяняецца з дапамогай фон-памер: 100% 100% значэння ў % апісваюць, які адсотак ад аднаго з бацькоў павінны прымаць малюнка.

+background-size +background-position

0
дададзена

Вы стылізацыя малюнка, г.зн. даючы малюнак фонавага малюнак. Паспрабуйце нешта накшталт наступнага:

body {
    background:url(main.png);
    background-size:700px 80px;
    background-repeat:no-repeat;
    background-position:center 10px;
}

Тады вы можаце страціць тэг.

0
дададзена

Вы стылізацыя малюнка, г.зн. даючы малюнак фонавага малюнак. Паспрабуйце нешта накшталт наступнага:

body {
    background:url(main.png);
    background-size:700px 80px;
    background-repeat:no-repeat;
    background-position:center 10px;
}

Тады вы можаце страціць тэг.

0
дададзена

Вы стылізацыя малюнка, г.зн. даючы малюнак фонавага малюнак. Паспрабуйце нешта накшталт наступнага:

body {
    background:url(main.png);
    background-size:700px 80px;
    background-repeat:no-repeat;
    background-position:center 10px;
}

Тады вы можаце страціць тэг.

0
дададзена