Запретить элементу "захватывать" мышь с помощью jQuery?

Оверлей.

Одно слово запрещено отвечать, в этом предложении нет глагола.

Я отвечу на оверлей, но приведу реальный код: P

Я называю его «последователем» вместо наложения и используется в моем подключаемом модуле ThreeSixty для jQuery (предоставлен довольно простой исходный код, вы поймете, читая, что происходит с div «последователя».

http://www.mathieusavard.info/threesixty

Ну, мне совершенно не удалось найти пример средства просмотра документов XPS или еще чего-то, но я смог придумать this working sample. Он не использует идею наложения, но это PDF-файл, размер которого можно изменить ...

редактировать то, что сделало эту работу без оверлея, - это параметр wmode, установленный на transparent. Я не очень хорошо разбираюсь в деталях, но это сделало его приятным в IE7. Также работает в Firefox, Chrome, Safari и Opera.

У новое редактирование серьезные проблемы с его работой с фреймами. Некоторая информация, которую я нашел, не очень обнадеживает. А с <object> это невозможно? Или <object> внутри iframe?

Возможно SmartLook - альтернатива. Это похоже на сценарии для лайтбоксов, но для встроенного контента, такого как PDF-файлы.

Вот что работает для меня, хотя при изменении размера он скрывает iframe. Это проблема для вас?

$(document).ready(function() {
    var obj = $('#docFrame');
    $('#doc').resizable(
    { 
        handles: 'all', 
        resize: function(e, ui) {
            $('#data').html(ui.size.width + 'x' + ui.size.height);
            obj.attr({ width: ui.size.width, height: ui.size.height });
        },
        start: function(e, ui) { $('#docFrame').hide(); },
        stop: function(e, ui) { $('#docFrame').show(); }
    });
});

В IE вы можете вызвать setCapture () / releaseCapture (), у меня он отлично работал с iframe.

С Firefox - прозрачное наложение, как уже предлагалось.

Благодаря новой функции StackOverflow «Недавние действия» я увидел, что вы просили меня предоставить пример кода. Я провел лишь незначительное тестирование (похоже, не могу заставить ваш код встроить PDF-файл в IE, по-видимому, для этого требуется плагин PDF, который у меня не установлен), поэтому это может не сработать. Но это только начало.

<div style = "text-align: center; padding-top: 50px;">
    <div id = "doc" style = "width: 384px; height: 512px; position: relative;">
        <div id = "overlay" style = "position: absolute; top: -5px; left: -5px;
            padding: 5px; width: 100%; height: 100%; background: red;
            opacity: 0.5; z-index: 1; display: none;"></div>
        <iframe id = "docFrame" style = "width: 100%; height: 100%; position: relative; z-index: 0;"
            src='http://www.ready.gov/america/_downloads/sampleplan.pdf'></iframe>
    </div>
</div>
<div id = "data"></div>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js" type = "text/javascript" charset = "utf-8"></script>
<script src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.js" type = "text/javascript" charset = "utf-8"></script>
<script type = "text/javascript">
    $(document).ready(function() {
        var obj = $('#docFrame'), overlay = $('#overlay');
        $('#doc').resizable({
            handles: 'all',
            start: function() {
                overlay.show();
            },
            resize: function(e, ui) {
                $('#data').html(ui.size.width + 'x' + ui.size.height);
                obj.attr({
                    width: ui.size.width,
                    height: ui.size.height
                });
            },
            stop: function(e, ui) {
                overlay.hide();
            }
        });
    });
</script>

var dframe = $("#docFrame");

$(document).ready(function () {
    var b = dframe;
    $("#doc").e({
        b: "all",
        resize: function (c, a) {
            $("#data").html(a.size.width + "x" + a.size.height);
            object.attr({
                width: a.size.width,
                height: a.size.height
            });
        },
        start: function () {
            dframe.hide();
        },
        stop: function () {
            dframe.show();
        }
    });
});