Question

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上不渲染背景图像。自定义小部件是用JQuery 1.9.1编写的。请帮忙。提前致谢！！ PS：没有显示错误，图像在控制台的文件夹中不可用。

Answer 1

外部样式表是一个单独的文件，其中包含所有样式。您可以在网页编码的head部分链接到它。

图像不在ie8中呈现，通过jquery和css提供

1 个答案: