我想制作一个小网站,我使用嵌入代码在网页中显示soundcloud音乐。但是,我想要删除我的iframe中的橙色按钮播放和播放器。 我正在研究,我发现我可以用CSS来做,只是隐藏的按钮。 所以我在我的页面中创建了一个样式css,但除了与框架soundcloud相关的所有样式都包含在内。 有人可以帮助我吗? ,因为当我使用inspect元素直接在页面上进行更改时,它可以工作。嵌入式souncloud播放器中的样式css
在此先感谢。
我想制作一个小网站,我使用嵌入代码在网页中显示soundcloud音乐。但是,我想要删除我的iframe中的橙色按钮播放和播放器。 我正在研究,我发现我可以用CSS来做,只是隐藏的按钮。 所以我在我的页面中创建了一个样式css,但除了与框架soundcloud相关的所有样式都包含在内。 有人可以帮助我吗? ,因为当我使用inspect元素直接在页面上进行更改时,它可以工作。嵌入式souncloud播放器中的样式css
在此先感谢。
CSS
你写上的iFrame的CSS文件不会影响内容。
解决方案:
$('iframe').load(function() { $('iframe').contents().find("head") .append($("<style type='text/css'> .my-class{display:none;} </style>")); });
我在iframe.it havenn't头只是用于拍摄轨迹上的SoundCloud这样的帧:
您必须将其添加到iframe的头部(在iFrame内)。它将在加载后可用。 –
我不明白你想说什么@Shishir Trivedi,创建一个新的头标签或添加我的iframe中的CSS代码? – djodev
喜@djodev添加
这是我的代码:
问题是,框架带有soundcloud css,并不采取我的CSS风格。 – djodev