позиция iframe по определенному контенту внутри amazon

Question

вид новый здесь поэтому я пытался в течение последних 2 часов позиционировать iframe и просто не мог получить его правильно (или где-нибудь рядом с этим ...) моя цель - позиционировать iframe amazon, где написано «Hello, [name]». первым я не смог установить IFRAME из-за их те же политику происхождения, но я предполагаю, что некоторые страницы не защищены, как это: http://www.amazon.com/product-reviews/B0051QVF7A/ref=cm_cr_dp_see_all_top?ie=UTF8&showViewpoints=1&sortBy=bySubmissionDateDescending

позиционирование IFrame информации моего счета только кажется невозможным (пробовали запас-влево, вправо, дивы и все)

моя цель была бы несколько, как это - http://i.stack.imgur.com/gQwyn.png

Answer 1

Хотя я немного скептически, что это для, я буду дать ответ на него в любом случае.

Таким образом, вы не можете точно указать местоположение, где будет отображаться начальный экран вашего iframe (так как он всегда будет по умолчанию в верхнем левом углу, если я не ошибаюсь), но вы можете переместить сам iframe.

Зная, что возможно создать эффект iframe над самим iframe.

Вы будете иметь IFRAME, который будет достаточно большим, чтобы захватить кнопку на первый взгляд (который 1260px в ширину и 300px высоко достаточно хорошо)

Вы переместите IFRAME в положение кнопки, где вы хотелось бы, чтобы он появился в использовании абсолютной позиции и стиля сверху и слева.

Затем создайте новый DIV, чтобы содержать этот IFRAME и дать ему ширину и высоту на то, что размер этой кнопки будет затем удалить возможность прокрутки с overflow: hidden; и удалить прокрутку, заявив его в IFrame тег scrolling="no".

Затем вы должны иметь те же результаты, как показано ниже:

#my-div { 
 
width: 128px; 
 
height: 55px; 
 
overflow: hidden; 
 
position: relative; 
 
} 
 
    
 
#my-iframe { 
 
position: absolute; 
 
top: -42px; 
 
left: -884px; 
 
width: 1260px; 
 
height: 300px; 
 
}

<div id="my-div"> 
 
<iframe src="http://www.amazon.com/product-reviews/B0051QVF7A/ref=cm_cr_dp_see_all_top?ie=UTF8&showViewpoints=1&sortBy=bySubmissionDateDescending" id="my-iframe" scrolling="no"></iframe> 
 
</div>