Блог

Главная - Вопросы по программированию - проблема с непрозрачностью — также настройка изображения

проблема с непрозрачностью — также настройка изображения

#asp.net #html #css

#asp.net #HTML #css

Вопрос:

У меня также проблема с настройкой непрозрачности моего изображения. Есть ли способ не устанавливать непрозрачность моего изображения?

 <div id="divShow" runat="server" visible="false" 
        style="opacity:0.4; filter:alpha(opacity=40); background-color:Black; width:100%; height:100%; z-index:10; top:0; left:0; position:fixed;">
   <table>

   <tr><td align="center">
       <asp:Image ID="imgShow" runat="server" ImageUrl="~/Image/Car.jpg"/>
        <asp:LinkButton ID="lnkClose" runat="server" Font-Size="8pt" 
                   Width="200px" 
           style="top: 196px; left: 60px; position: absolute; height: 16px">Close</asp:LinkButton>
   </td></tr></table></div>

Комментарии:

1. повторно помечено как asp.net и css, а не jquery, который вообще не используется в примере.

2. Не понимаю вашу проблему. разве непрозрачность не работает? или вам нужны альтернативы непрозрачности?

Ответ №1:

Я думаю, что вы ищете rgba() . Установите свой стиль следующим:

 #divShow {
  background: rgb(0, 0, 0); /* The Fallback */
  background: rgba(0, 0, 0, 0.4);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}

сохраняйте -ms-filter перед filter , если хотите, чтобы оно работало должным образом во всех версиях IE.

//РЕДАКТИРОВАТЬ

Вот ваш код с новыми стилями:

 <div id="divShow" runat="server" visible="false" 
        style="height:100%; width:100%; z-index:10; position:fixed; top:0; left:0; background:black; background: rgba(0,0,0,0.4); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40);">
   <table>
       <tr>
          <td align="center">
             <asp:Image ID="imgShow" runat="server" ImageUrl="~/Image/Car.jpg"/>
             <asp:LinkButton ID="lnkClose" runat="server" Font-Size="8pt" width="200px" style="top: 196px; left: 60px; position: absolute; height: 16px">
                Close
             </asp:LinkButton>
          </td>
       </tr>
   </table>
</div>

Комментарии:

1. Это если вы хотите, чтобы фон был до некоторой степени прозрачным, но не содержимое.

2. @ max, да, мне просто нужен фон, а не мое изображение. Но это не работает.

3. @jack, я обновил ответ новым css, включенным в фактический html.

4. Я в значительной степени скопировал то, что вы обновили, запустил свой проект и получил ошибку… «Тег сервера неправильно сформирован» в теге div. Есть предложения?

5. У вас есть ссылка на проект, который я мог бы просмотреть?

Ответ №2:

Есть ли способ не устанавливать непрозрачность моего изображения?

Ммм … если вы этого не сделаете, не будет ли оно непрозрачным, не добавляйте CSS, чтобы сделать его непрозрачным?