Изображение не отображается на фоне столбца в таблице на главной странице? - PullRequest
Новая
       5

Изображение не отображается на фоне столбца в таблице на главной странице?

0 голосов
/ 12 февраля 2011 
   <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>






    <style type="text/css">
        .style1
        {
            width: 50px;
            height: 323px;
        }
        .style2
        {
            width: 650px;
            height: 323px;
        }
    </style>      

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table>
    <tr>
    <td style="width:30px; height:20px;">
        <img src="Image/Blue%20hills.jpg" 
            style="height: 83px; width: 734px;" />
    </td>
    </tr>
    <tr>
    <td>
    <table>
    <tr>
    <td style="background-color:Black; background-image:url('~/Images/Bluehills.jpg');"  class="style1">

    </td>
    <td class="style2">
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>

    <td>
    reserved &copy; softech infoways
    </td>
    </tr>
    </table>

    </div>
    </form>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 12 февраля 2011

Нашел странное, но получил изображение для отображения

Вот решение, которое я использовал без знака тильды, и оно работает. Не знаю, почему, пожалуйста, если вы знаете, помогите мне понять

МаленькийКод линии 

<td style="background-image:url(Image/Bluehills.jpg);"  class="style1">
oiyhoyhobhobjho
jgkifjklhjljh
hghdoyjofjohjypt
dhgijrlyjhoftjpohktpu

</td>

При использовании этого изображения отображается

0 голосов
/ 12 февраля 2011

Попробуй так: 

<td style="background-color:Black; background-image:url('<%= ResolveUrl("~/Images/Bluehills.jpg") %>');"  class="style1">
</td>

и убедитесь, что изображение /Images/Bluehills.jpg действительно существует (я вижу, что в вашем теге <img> вы используете другое имя изображения, имя которого содержит пробел и находится в папке Image вместо Images).

Также убедитесь, что вы определили некоторую высоту и ширину <td>, иначе изображение может не отображаться: 

<td style="background-color:Black; width: 100px; height: 100px; background:url('<%= ResolveUrl("~/Images/Bluehills.jpg") %>') no-repeat;" class="style1">
</td>

Я бы также настоятельно рекомендовал использовать FireBug , чтобы проверить, какие изображения загружены, а для тех, которые не загружены, увидеть причину. Это отличный инструмент, который должен иметь каждый веб-разработчик.

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

Похожие темы

...