특정 위치에 이미지 위치 지정

포털에는 타사 응용 프로그램을 오버레이하는 링크가있는 투명한 이미지가 있습니다. 우리는 버튼에 html을 추가 할 수 없기 때문에 이것이 해결책이라고 생각했습니다. 그러나 관리자가 포털에 로그인 할 때 admin 메뉴가 나타나면 보이지 않는 이미지가 약 50 픽셀만큼 "푸시 (push)"되어 관리자에게 혼동을 줄 수 있습니다. 나는 그것이 인터페이스에 다른 문제를 일으키는 absoluterelative에 변경하는 경우특정 위치에 이미지 위치 지정

 <tr> 
     <td> 
      <a href="/Events.aspx"> 
      <img alt="Events" src="/Portals/1/transparent.png" 
       style="height: 43px; width: 200px; left: -150px; 
       position:absolute; z-index: 2000; top: 104px; right: 300px; 
       left: 500px;" /></a></td> 
    </tr>

이

내 코드입니다.

아이디어가 있으십니까?

출처

2014-12-23 alwaysVBNET

더 자세히 설명해 주시겠습니까? 그리고 너가 원하는게 뭐야? –

두 인스턴스의 스크린 샷을 제공 하시겠습니까? – 9997

<img>의 position: absolute은 위치 지정 속성이 position: static이 아닌 첫 번째 조상을 참조하게합니다. 이 경우 나는 그것이 <body>이라고 가정하고 있습니다. 보다 가까운 조상에 position: relative을 추가하고 위치 지정 속성을 업데이트하여 위치 지정을위한 참조 점을 이미지에 더 가깝게 이동해보십시오. position: relative을 가진 조상 외부의 추가 콘텐츠가 이미지 위치에 영향을 미치지 않으므로 HTML을보다 강력하게 만들 수 있습니다.

예제 코드가 너무 불완전하여 가능한 후보를 볼 수 없습니다.

이 라이브 예를

.template_style을 기반으로 업데이트 된 것은 현재 이렇게 모든 위치 속성이 참조 position: relative와 최초의 조상이다. , 44px 이후 0로합니다 (top 속성을 업데이트

.DnnModule-2190 { 
    position: relative; 
}

을 (그렇지 않으면 인라인 스타일 속성은 단지뿐만 아니라 작동합니다, 그 가능성과 모듈 이름은 동적이 아닌 경우)을 수행하여 모듈의 position: relative을 설정하십시오 , 88px 등 내가 생각한다) 그리고 left 속성 (생각하는 substract 7).

출처

2014-12-23 17:22:19 ckuijjer

자세한 정보를 보려면 페이지에 라이브 링크를 추가했습니다. – alwaysVBNET

나는 그것이 효과가 있다고 믿습니다. 또 다른 문제는 사용자가 '편집'모드에서 다른 작은 상자가 나타나고 링크를 아래로 다시 푸시 할 때 발생합니다. – alwaysVBNET

나는이 문제도 해결해야한다고 생각합니다. 같은 솔루션을 적용 할 수 있다면 시도해보십시오. – ckuijjer

특정 위치에 이미지 위치 지정

답변

관련 문제