How defile CSS rule path for iframe in cascade style sheet (CSS)?

Tags: css,css3,iframe

Problem :

I have a html page and i insert a iframe in this page. I have a problem with iframe contants. In iframe show a button which have link to go on website anywhere, i want to that button does not show how set in CSS {display: none} but how in iframe button no detect any css rule for displaying none.


Solution :

You must use seamless attribute:

This Boolean attribute indicates that the browser should render the inline frame in a way that makes it appear to be part of the containing document, for example by applying CSS styles that apply to the <iframe> to the contained document before styles specified in that document, and by opening links in the contained documents in the parent browsing context (unless another setting prevents this). In XHTML, attribute minimization is forbidden, and the seamless attribute must be defined as <iframe seamless="seamless">.

The problem is that browser support is currently negligible. Meanwhile, you can watch Seamless iframes. The future, today!, a slideshow which can give you some ideas of how to implement those functionalities.

    CSS Howto..

    CSS: how to create responsive irregular shapes

    How i can make it wiht css3?

    How to tell the code to choose between two variables and make them equal?

    How to add an url to image by css?

    How to move items left and right in an html table using css? -

    How to use jQuery to read/write the values of an elements externally defined css class?

    How to make a foreground image using CSS?

    CSS - How to break long words in a table td?

    If there is too many menu items how to gather them into collapsed menu

    How do I scrape the table from a website (link provided) using CSS? [closed]

    How do I center a div between two other divs?

    How to make border for UL if Li has style “float:left;”?

    How can I style jQuery-UI autocomplete differently than jQuery-UI tabs?

    Jquery: how to get menu to expand towards the right instead of the left

    How do I display an empty div tag with CSS?

    How to make div layer unselectable in jquery and css

    How To Create SubMenu in Drop Down (HTML/CSS)

    How to force the casing of letters in a textbox

    How to visually identify the viewbox of a SVG with CSS?

    How to change the cursor icon when dragging in HTML5?

    How do I create a class hierarcy in CSS for MVC4 Razor?

    How to add text to a CSS Sprite

    How to adapt website to user's Screen Resolution?

    css: how to remove pseudo elements (after, before, …)

    How to apply External CSS to Html Helper Class Elements?

    HTML DIV Overflowing, How To Stop?

    How do I make a container div only overflow horizontally without using “display:inline-block” for its inner divs?

    How to get CSS file to affect only a section of HTML

    How to render checked checkboxes using CSS alone?

    How to hide one table and show another in nice animated way?