Изображения не рендеринг в ie8, которые предоставляются через jquery и css

0
slider = {

    initializeWidget : function(parentNode, widgetModel)
    { 

  var slide = 

    '<style type="text/css">'+
   '.ui-slider {'+
    'position: relative;'+
    'text-align: right; '+
    'width: 575px;'+
    'margin:0px 0px 0px 0px'+
   '}'+
   '.ui-slider .ui-slider-innerBar{'+
    'height:16px;'+
    'width:575px;'+
     'margin:3px 0px 0px 0px;'+
    'background: url("desktopweb/images/slider_bg.png") no-repeat 0 0;'+
   '}'+
   '.ui-rangeSlider .ui-slider-handle{'+
    'z-index: 10;'+
    'width: 13px;'+
    'height: 20px;'+
    'border: 0px;'+
    'background: url("desktopweb/images/tooltip.png") no-repeat ;'+
   '}'+
   '.ui-slider .ui-slider-bar{'+
    'margin: 3px 0;'+
    'background: url("desktopweb/images/slider_bg_active.png") no-repeat 0 0;'+
    'background-position: left;'+
    'height:20px;'+
    'cursor:move;'+
    'cursor:grab;'+
    'cursor: -moz-grab;'+
   '}'+
   '.ui-slider-label{'+
    'margin:0 2px 2px;'+    
    'background: url("desktopweb/images/calendarbackground.png") no-repeat ;'+
    'background-repeat:no-repeat;'+
    'bottom:0px;'+
    'padding:6px 10px 15px;'+
    'cursor:col-resize;'+
   '}'+
  '</style>'+
  '<div id="slider1"></div>';

Изображения отображаются, нажимая их, используя URL-адрес изображения. Фоновые изображения не отображаются на IE8, когда URL-адрес изображения указан выше. Пользовательский виджет написан в JQuery 1.9.1. Пожалуйста, помогите по этому поводу. Заранее спасибо!! PS: ошибок не видно, что изображения недоступны в папке в консоли.

  • 0
    Зачем использовать стиль CSS в JQuery. пожалуйста, сделайте это внешний CSS
  • 0
    Спасибо, чувак, это сработало. Есть ли объяснение этой вещи?
Теги:
internet-explorer-8

1 ответ

0

Внешняя таблица стилей - это отдельный файл со всеми вашими стилями. Вы ссылаетесь на него в разделе заголовка своей веб-страницы.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню