为子页设置相同的背景图像

时间:2013-09-27 20:20:42

标签: html css

我还是CSS的新手,所以请原谅我这个问题听起来很简单(确实如此)。长话短说,我目前正在为我的学校建立一个Ning社交网络中心,并且足以说预制,预先设置的设置并不是真正定制的理想选择。我已经将母页设置为背景图像,并且我希望该母版页上的所有链接(所有链接都指向同一网络上的不同页面)也具有该背景图像。我能够使用母版页上的CSS框来显示背景图像,但对于我的生活,我无法找到对任何子页链接执行相同操作的方法。我已经尝试添加和更改他们的ID,但它只会导致div被添加到他们身上,并且当您实际点击链接并转到该页面时,并不完全是背景更改。这并不复杂,我知道我错过了一些基本的东西。有人可以帮忙吗?

这是我的“母亲页面”的正文html代码:

<p><span class="font-size-3" style="color: #000000;"><strong><strong>1. <a     href="http://pharmacypeertopeeradvising.ning.com/page/healtheast-st-john-s-hospital-2012-2013-reviews" target="_self" id="AcuteCareAPPE">HealthEast St.John's Hospital, Maplewood</a></strong></strong></span></p>

<p><span class="font-size-3" style="color: #000000;"><strong><strong>2. <a href="http://pharmacypeertopeeradvising.ning.com/page/fairview-university-of-minnesota-medical-center-minneapolis-2012-" target="_self" id="AcuteCareAPPE">Fairview UMMC, Minneapolis</a></strong></strong></span></p>

<p><span class="font-size-3" style="color: #000000;"><strong><strong>3. <a href="http://pharmacypeertopeeradvising.ning.com/page/park-nicollet-methodist-hospital-minneapolis-2012-2013-reviews" target="_self" id="AcuteCareAPPE">Park Nicollet Methodist Hospital, St. Louis Park</a></strong></strong></span></p>

<p><span class="font-size-3" style="color: #000000;"><strong>4. </strong></span><span class="font-size-3" style="color: #000000;"><strong><a href="http://pharmacypeertopeeradvising.ning.com/page/united-hospital-allina-2012-2013-reviews" target="_self" id="AcuteCareAPPE">Allina United Hospital, St. Paul</a></strong></span></p>

<p><span class="font-size-3" style="color: #000000;"><strong>5. <a href="http://pharmacypeertopeeradvising.ning.com/page/regions-hospital-level-1-trauma-center-st-paul" target="_self" id="AcuteCareAPPE" name="AcuteCareAPPE">HealthPartners Regions Hospital-Level 1 Trauma Center, St. Paul</a></strong></span></p> 

这是我的CSS代码。因为它的NING网络,CSS被放置在“母页”底部的“盒子”上:

<style>

#AcuteCareAPPE{
background-image:url(http://www.acutecarecontinuum.com/Portals/0/IMG_3192_ver2.jpg);

background-position: -50px, +10px;

}

</style>

所以你看到我正在尝试将这4个页面的链接(所有具有相同ID的AcuteCareAPPE)设置为具有相同的背景,但我的CSS代码最终会返回围绕这些链接的背景图像的div 。接下来我该怎么办?

1 个答案:

答案 0 :(得分:0)

改用类。每页允许一个id。不知道你想要做什么,但如果你解释在这个codepen链接中应该发生什么,我可以帮助你。我更新了您的代码以使用无序列表。 http://codepen.io/anon/pen/aJhBl