0

我还是 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 个页面的链接(都具有相同的 AcuteCareAPPE ID)具有相同的背景,但我的 CSS 代码最终返回了围绕这些链接的背景图像的 div。接下来我该怎么办?

4

1 回答 1

0

改用类。每页允许一个 id。不确定您到底要做什么,但是如果您在此 codepen 链接中解释应该发生的事情,我可以为您提供帮助。我更新了您的代码以使用无序列表。http://codepen.io/anon/pen/aJhBl

于 2013-09-27T21:11:14.730 回答