Блог

css работает для firefox, но не для ie или chrome. Как исправить css, чтобы, по крайней мере, IE работал как firefox.

Firefox:

IE:

Изображение также находится в фоновом режиме, но должно быть прозрачным.

Chrome:

HTML:

 <center><div id="slideshowContentArea" style="display:none; width:500px; height:300px">
    <div class='nav'><a id='prev' href='#'>Prev</a>amp;nbspamp;nbsp<a id='next' href='#'>Next</a></div> 
    <div id="slideshow" class="pics" style="position: relative; overflow-x: hidden; overflow-y: hidden; height:250px; width:395px">amp;nbsp;</div>
</div></center>

        $('#slideshow').cycle(
            { fx: 'fade', timeout: 3000, speed: 500, 
              pager: '#slideshow', before: setBGBefore, prev:'#prev',next:'#next',after:onAfter
            }
            );
        function setBGBefore() {
        $(this).css({ 'background-image': 'url('   $(this).find('img').attr('src')   ')', 
        'background-position': 'center top', 'background-color': 'transparent' });
        $(".welcomeBox div").html($(this).find('span').html());
        }
  

jQuery может сообщить вам, какой браузер используется:

http://api.jquery.com/jQuery.browser/

Обновить.Заголовок вопроса был «проверьте chrome, ie и firefox«, вот на что я ответил. Это зависит от OP, если он хочет реализовать более элегантное решение.