3

Приветствую! Нужно сделать так, чтобы блок div (в данном случае текст) располагался поверх элемента object, делаю так , но ничего не получается

#layer {
  z-index: 1;
  position: absolute;
}

#flashob {
  position: relative;
  z-index: 0;
  margin: 0 auto;
}
<div id="layer">
  <h1>text</h1>
</div>
<div id="flashob">
  <object width="600" height="400" classid="clsid:CAFEEFAC-0016-0000-FFFF-ABCDEFFEDCBA" codebase="http://java.sun.com/update/1.6.0/jinstall-6-windows-i586.cab#Version=6,0,0,0">
        <param name="code" value="com.jscape.ftpapplet.FtpApplet.class">
        <param name="archive" value="client.jar">
        <param name="scriptable" value="false">
        <param name="wmode" value="opaque">
        <embed type="application/x-java-applet;version=1.6" code="com.jscape.ftpapplet.FtpApplet.class" archive="client.jar" name="anyclient-enterprise" width="600" height="400" scriptable="false" pluginspage="http://java.sun.com/products/plugin/index.html#download" wmode="opaque"></embed>
        </object>
</div>

2
  • @Cript, Чтобы отформатировать код, выделите его мышью и нажмите на кнопку {} редактора.
    – andreyqin
    23 сен 2014 в 12:34
  • Решил проблему с помощью iframe с позицией absolute
    – Cript
    6 янв 2015 в 6:49

2 ответа 2

2

#flashob {
  position:relative; 
}

#layer {
  position:absolute; 
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
<div id="flashob">
  <object width="600" height="400" classid="clsid:CAFEEFAC-0016-0000-FFFF-ABCDEFFEDCBA" codebase="http://java.sun.com/update/1.6.0/jinstall-6-windows-i586.cab#Version=6,0,0,0">
    <param name="code" value="com.jscape.ftpapplet.FtpApplet.class">
    <param name="archive" value="client.jar">
    <param name="scriptable" value="false">
    <param name="wmode" value="opaque">
    <embed type="application/x-java-applet;version=1.6" code="com.jscape.ftpapplet.FtpApplet.class" archive="client.jar" name="anyclient-enterprise" width="600" height="400" scriptable="false" pluginspage="http://java.sun.com/products/plugin/index.html#download" wmode="opaque"></embed>
  </object>
  <div id="layer">
    <h1>text</h1>
  </div>
</div>

-1
<object>
    <param name="wmode" value="transparent" />
    <embed
    wmode="transparent">
    </embed>
</object>
1
  • Это не сработает.
    – Cript
    6 янв 2015 в 6:48

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.