Таблица и фоновая проблема img - PullRequest
Новая
       3

Таблица и фоновая проблема img

1 голос
/ 07 мая 2010

У меня проблема с моим сайтом. Я не могу сделать так, чтобы таблица отображалась на img. Появляется вниз изображения или вверх изображения. Мне нужна помощь с кодами. На самом деле я не хочу, чтобы img жаловался и каждый раз помещался в окне пользователя. Код для вставки IMG это 

<body oncontextmenu="return false;" background="bg_body.jpg">

И код, который действительно помог мне, но не решил проблему на 100%, потому что таблица не отображается с img, это 

<style> <!-- body { margin: 0px; } --> </style>
<img src='whatever' style='width: 100%; height: 100%;' />

Ответы [ 3 ]

1 голос
/ 07 мая 2010

если вы хотите, чтобы фоновое изображение соответствовало размеру браузера (о чем я догадываюсь, но если у вас 100% высоты и ширины на изображении, это то, что вам нужно), вы можете сделатькак то так: 

<style type="text/css">
*{margin:0;padding:0;}
html,body{height:100%;}
.backgroundlayer { position:absolute;top:0;left:0;z-index:1; }
.toplayer { position:absolute;top:0;left:0;z-index:2; }
</style>

а потом в теле вашего кода ... 

<body>
    <img src="someimage.png" style="height:100%;width:100%;" class="backgroundlayer" />
    <div class="toplayer">
        my content above the image...it doesn't have to be a div...use a table if you want
    </div>
</body>
0 голосов
/ 07 мая 2010

Здесь есть пара вещей, которые не имеют особого смысла:

"oncontextmenu =" return false; "вы пытаетесь запустить какой-то javascript? Если это так, вам нужно вызвать функцию перед" return false ", например: 

<body onload="someFunction() return false;">

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

<table style="background:path/to/my/image/...">

Я хотел бы помочь еще немного, но, пожалуйста, объяснись немного лучше.

хорошо, я бы посоветовал вам сделать что-то вроде этого:

Находится ли он на внешней таблице стилей или встроен в теги head, вы можете установить размер изображения с помощью простого CSS, например: 

<style type="text/css">
body{
background-image:url(../path/to/image);
background-repeat:no-repeat;
height:100%;
width:100%;
}
</style>

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

0 голосов
/ 07 мая 2010

Рассмотрите возможность использования свойств фона CSS.

HTML (что-то вроде этого, не проверено): 

<body ... style="background-image:url('bg_body.jpg'); background-repeat: no-repeat;">

Если вы хотите, чтобы фоновое изображение "изменяло" размер браузера, выпридется взломать его на работу.Одним из распространенных способов является использование двух тегов div;первый будет содержать изображение в размере 100% с абсолютным позиционированием.Второй содержит ваш фактический контент тела с более высоким z-значением.Это намного больше работы, чем вы могли бы подумать.

Для подробного обсуждения этого см. Эту ветку: http://www.htmlcodetutorial.com/help/ftopic4503.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...