уровень <div> сверху PDF

Question

уровень <div> сверху PDF

Я нашел, что он отлично работает, используя display: block; на изображении и вертикально-выровнять: верх; на текст.

.imagebox {
    width:200px;
    float:left;
    height:88px;
    position:relative;
    background-color: #999;
}
.container {
    width:600px;
    height:176px;
    background-color: #666;
    position:relative;
    overflow:hidden;
}
.text {
    color: #000;
    font-size: 11px;
    font-family: robotomeduim, sans-serif;
    vertical-align:top;
    
}

.imagebox img{ display:block;}


    
         Image title
    
    
         Image title
    
    
         Image title
    
    
         Image title
    
    
         Image title
    
    
         Image title

или вы можете отредактировать код a JS FIDDLE

21

always-on-top html pdf css

задан Murvinlai 27 February 2009 в 18:00

4 ответа

Другие вопросы по тегам:

always-on-top html pdf css

Похожие вопросы:

score 5 · Answer 1

Существует плагин jQuery, bgiframe, который делает реализацию этой фиксации довольно простой.

5

ответ дан 29 November 2019 в 05:13

score 1 · Answer 2

Обычно можно обойти эти z-индексные проблемы путем размещения контейнера iframe непосредственно под отделением Таким образом, это имеет тот же размер и местоположение (но никакое фактическое содержание). Я не на 100% уверен, что это работает на PDFs, но я знаю, что это устраняет некоторые другие z-индексные проблемы (такие как избранные поля на IE6).

контейнеры iframe могут быть болью при размещении отделения динамично так как необходимо переместить контейнер iframe с ним.

score 25 · Answer 3

После чтения некоторых форумов... (здесь некоторые комментарии)

PDF загружается плагином Acrobat Reader. Это отчасти делает свою собственную вещь и не имеет никакого отношения к любому HTML или даже браузеру в этом отношении (кроме того, чтобы быть загруженным браузером). У людей есть та же проблема с Флеш-плагином, и нет никакого решения для этого. Таким образом, я предположил бы, что нет никакого решения для этого также. Ваш лучший выбор состоит в том, чтобы перепроектировать Ваши меню, таким образом, они не перемещаются в место, занятое PDF.

Если это - плагин, то Вы не можете надежно поместить другие элементы поверх него. Браузеры обычно отпускали большей части их способности 'разделить элементы на уровни', когда плагины включены.

Нет никакой прямой поддержки того, чтобы наложить 'z-индексацию' отделение или в Api или в Dom. Плагин загружает исполняемый файл, который, в очень простых терминах, перфорирует дыру в окно браузера. Используя 'iframe контейнер' техника является стандартным обходным решением, хотя прозрачность может быть хитрой.

Мое РЕШЕНИЕ: Два iframes, каждая внутренняя часть, отделение с другим z-индексом, когда Вы нажимаете желтое отделение, пустой iframe, отображено (перед PDF iframe), таким образом, Вы видите зеленое отделение в документе PDF.

<html>
<head>
     <script type="text/javascript">
        function showHideElement(element){
            var elem = document.getElementById(element);

            if (elem.style.display=="none"){
                elem.style.display="block"
            }
            else{
                elem.style.display="none"
            }
        }
    </script>
</head>
<body>
    <div style="position:absolute;height:100px;width:100px;background-color:Yellow;" onclick="showHideElement('Iframe1');">click me</div>
    <div style="position:absolute;z-index:100;background-color:Green;height:100px;width:100px;margin-left:200px;"></div>

    <div style="position:absolute;z-index:20;margin-left:200px;">
    <iframe visible="true"  id="Iframe1" height="100" width="100" runat="server" frameborder="0" scrolling="auto" >

     </iframe>
     </div>

    <div style="position:absolute;z-index:10;margin-left:100px;">
    <iframe visible="true" id="ipdf" src="http://www.irs.gov/pub/irs-pdf/fw4.pdf" height="1000" width="1000" runat="server" frameborder="0" scrolling="auto" >

     </iframe>
     </div>

</body>
</html>

Fernando Rodríguez frodale@gmail.com

score 0 · Answer 4

Если это - IE Ваше тестирование, то это могла быть та же проблема как с ComboBox. Попытайтесь вставить iframe в отделение