Estoy usando Bootstrap marco para el diseño de mi sitio. Tengo el desplegable de trabajo en la navegación, pero de alguna razón desconocida en IE8 en el desplegable no funciona. Cuando hace clic en el enlace, el desplegable no aparecen en su totalidad. Esto sólo ocurre en IE8.

Funciona bien en otros navegadores.

Puede ver aquí:

https://dl.dropboxusercontent.com/u/52725754/fightback-responsive/index.html

Alguien puede ayudar con este problema?

No funciona en Chrome..
Funciona bien en Chrome para mí. Es sólo que no funciona en IE8
Estoy bastante seguro de que usted no necesita ser inicializar a través de JS – los datos de la api para este plugin se encarga de que de forma automática. IE8 también estaba actuando extraño para mí, pero en realidad parece un problema de representación. Tal vez algo en el CSS en el resto de la página. @suresh.g, probablemente se perdió el hecho de que se sirve la página, a través de HTTPS, mientras que los recursos que se cargan son HTTP. Por defecto Chrome bloquea los scripts de carga.

OriginalEl autor legacyterror | 2013-04-13

5 Comentarios

  1. 7

    Aquí está la solución a este problema en el proceso de arranque de GitHub foros: https://github.com/twitter/bootstrap/issues/6548. Parece como si el nativo de IE8 a veces se rompen debido al filtro: parámetro que se utiliza a lo largo de Bootstrap css para degradados etc. La solución es añadir filtro:ninguno!importante; a un elemento como el .navbar o .navbar-interior. El ex trabajó para mí.

    No funciona el link! Pero +1 por la respuesta!

    OriginalEl autor idotpdot

  2. 1

    He tenido un problema con los menús desplegables en IE8 usando bootstrap 3.3.4. Me las arreglé para resolver el problema mediante el uso de la versión de jquery 1.11.2 en lugar de la versión de jquery 2+.

    OriginalEl autor Jeff Collins

  3. 0

    Hay un problema con bootstrap-tema (en IE8 y IE9), ver este hilo.

    Para confirmar que esta es su problema,

    • comprobar que las listas desplegables de trabajo en Bootstrap del navbar ejemplo
    • comentar la inclusión de bootstrap-theme.min.css. Las listas desplegables debería aparecer.

    He utilizado la siguiente solución (se sugiere en el primer enlace):

    • uso bootstrap-theme.css en lugar de la .min versión
    • comentario las líneas filter: progid:DXImageTransform.Microsoft.gradient(...)

    Mark Otto también sugirió para envolver el contenido de la barra de navegación, en otro div, y agregar allí el estilo de ajustes.

    Espero que esto ayude

    OriginalEl autor Labarbiche

  4. 0

    Tuve el problema con el menú no se muestra en IE8 usando bootstrap versión 2.3.2.

    Después de haber leído un par de feeds me vino a esta respuesta de añadirlo a mi condicional de la hoja de estilos para IE8 & 7.

    /** Soluciona el problema de las listas desplegables en el modo de compatibilidad de IE8 **/

    .navbar-inner{filter:none;}

    Espero que esta ayuda 🙂

    OriginalEl autor Adam Kolinski

  5. 0
    IE8 fix for twitter bootstrap responsive menu:
    
    For me the **menu-toggle** button appeared in IE8 so to make it appear as normal menu I used
    
    <!--[if lt IE 9]>
    <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    And a seprate CSS for IE8 containing the below classes 
    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/ie8.css" media="screen" />
      <![endif]-->
    
    Include the below classes inside the ie8.css file
    
    .navbar-header, .navbar-collapse, .collapse{display:none;}
    .collapseie8 ul li{ float:left; }
    .navbar-nav, .collapse{ display:block; }
        .navbar-inverse.nav li.dropdown.open > .dropdown-toggle,
        .navbar-inverse.nav li.dropdown.active > .dropdown-toggle,
        .navbar-inverse.nav li.dropdown.open.active > .dropdown-toggle, .nav, .navbar, .navbar-inverse.navbar-inner { 
    
            filter: none!important;
            background-image: none;
        }
    
     <div id="defaultmenu" class="navbar-collapse collapse collapseie8">
                    <ul class="nav navbar-nav ">

    OriginalEl autor Allan

Dejar respuesta

Please enter your comment!
Please enter your name here